@charset "UTF-8";


h1 { float: left; width: 100%; text-align: center; margin-top: -6px; }
h1 span { font-size: 14px; color: #fff; background: #5e9e90; padding: 10px 18px; }

#text p.text:nth-of-type(1) { font-size: 18px; margin: 30px 0 3px 0; }
#text p.text:nth-of-type(1) span { float: left; display: flex; justify-content: center; width: 100%; text-align: center; }
#text p.text:nth-of-type(1) span::before, #text p.text:nth-of-type(1) span::after { width: 2px; height: 20px; background-color: #5e9e90; content: ''; }
#text p.text:nth-of-type(1) span::before { transform: rotate(-35deg); margin-right: 15px; }
#text p.text:nth-of-type(1) span::after { transform: rotate(35deg); margin-left: 15px; }
#text p:nth-of-type(2) { font-size: 50px; color: rgba(0, 0, 0, 0); text-shadow: 2px 3px 0 #cee0d7; -webkit-text-stroke: 1px #534f43; text-stroke: 1px #534f43; }
#text p:nth-of-type(3) { color: #8b806e; line-height: 1.3; text-align: left; padding: 0 4%; }
#text p.memo { padding: 0 1%; margin-top: -14px; }

#site p { font-size: 12px; padding: 0 1% 15px 1%; }

#about { width: 98%; background: #fff; border-top: #d8d3ce 1px solid; margin: 5px 1% 10px 1%; }
#about div { border-left: #d8d3ce 1px solid; border-right: #d8d3ce 1px solid; border-bottom: #d8d3ce 1px solid; padding: 0 0 10px 200px; }
#about div:nth-of-type(1) { background: url('/img/a01.jpg')repeat-y; background-position: left 0 top 0; background-size: 200px auto; }
#about div:nth-of-type(2) { background: url('/img/a02.jpg')repeat-y; background-position: left 0 top 0; background-size: 200px auto; }
#about div:nth-of-type(3) { background: url('/img/a03.jpg')repeat-y; background-position: left 0 top 0; background-size: 200px auto; }
#about div:nth-of-type(4) { background: url('/img/a04.jpg')repeat-y; background-position: left 0 top 0; background-size: 200px auto; }
#about div:nth-of-type(5) { background: url('/img/a05.jpg')repeat-y; background-position: left 0 top 0; background-size: 200px auto; }
#about div:nth-of-type(6) { background: url('/img/a06.jpg')repeat-y; background-position: left 0 top 0; background-size: 200px auto; }
#about div:nth-of-type(7) { background: url('/img/a07.jpg')repeat-y; background-position: left 0 top 0; background-size: 200px auto; }
#about div:nth-of-type(8) { background: url('/img/a08.jpg')repeat-y; background-position: left 0 top 0; background-size: 200px auto; }
#about div:nth-of-type(9) { background: url('/img/a09.jpg')repeat-y; background-position: left 0 top 0; background-size: 200px auto; }
#about div:nth-of-type(10) { background: url('/img/a10.jpg')repeat-y; background-position: left 0 top 0; background-size: 200px auto; }
#about div:nth-of-type(11) { background: url('/img/a11.jpg')repeat-y; background-position: left 0 top 0; background-size: 200px auto; }
#about div:nth-of-type(12) { background: url('/img/a12.jpg')repeat-y; background-position: left 0 top 0; background-size: 200px auto; }
#about div p { color: #8b806e; padding: 0 14px 0 22px; }
#about h3 { position: relative; font-size: 21px; color: #5e9e90; text-shadow: 1px 1px 1px #fff; font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif; border-left: solid 8px #99c2b4; background: #fff; background-image: radial-gradient(#cee0d7 30%, transparent 0), radial-gradient(#cee0d7 30%, transparent 0); background-size: 2px 2px; padding: 8px 15px 7px 15px; margin-bottom: 4px; }
#about h3::after { position: absolute; top: 50%; right: 15px; display: block; content: ''; width: 8px; height: 8px; margin-top: -5px; border-top: 2px solid #99c2b4; border-right: 2px solid #99c2b4; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#about h3:hover { color: #534f43; background: #ebe8e4; }
#about h4 { float: left; width: 100%; font-size: 14px; padding: 3px 0 1px 22px; }

#scroll { width: 92%; border: 1px solid #d8d3ce; margin: 15px 4% 25px 4%; }
table { border-collapse: collapse; border-top: 1px solid #d8d3ce; border-left: 1px solid #d8d3ce; text-align: center; }
table th { width: 10%; font-size: 11px; background: #d8d3ce; padding: 3px 0; }
table td { width: 10%; font-size: 12px; background: #fff; padding: 5px 8px; }
table th, table td { border-bottom: 1px dotted #d8d3ce; border-right: 1px dotted #d8d3ce; }
table td:first-child { background: #f7f3ee; }
table th:nth-of-type(1), table td:nth-of-type(1) { width: 20%; font-weight: bold; }
table th:nth-of-type(2), table td:nth-of-type(2) { width: 25%; }
table th:nth-of-type(3), table td:nth-of-type(3) { width: 25%; }
table td:nth-of-type(1), table td:nth-of-type(2) { text-align: left; }