@charset "UTF-8";


h1 { float: left; width: 100%; font-size: 38px; text-shadow: 1px 1px 1px #f6f5f3; text-align: center; margin-top: 140px; }
h1 span { float: left; display: flex; justify-content: center; width: 100%; font-size: 18px; text-align: center; }
h1 span::before, h1 span::after { width: 2px; height: 20px; background-color: #5e9e90; content: ''; }
h1 span::before { transform: rotate(-35deg); margin-right: 15px; }
h1 span::after { transform: rotate(35deg); margin-left: 15px; }

#text p:nth-of-type(1) { text-align: center; margin-top: -185px; }
#text p:nth-of-type(1) img { float: none; width: 110px; border-radius: 50%; margin: 0 auto; }
#text p:nth-of-type(2) { font-size: 14px; text-align: center; text-shadow: 1px 1px 1px #f6f5f3; line-height: 1.3; margin: 5px 0 8px 0; }
#text p.memo { padding: 0 1%; margin-top: -12px; }
#text div { width: 98%; font-size: 13px; border: #5e9e90 2px dotted; border-radius: 6px; background: linear-gradient(rgba(246,245,243,0),rgba(246,245,243,1)); padding: 18px 15px 12px 15px; margin: 4px 1% 8px 1%; overflow: auto; }
#text div h3 { float: left; font-size: 18px; color: #534f43; margin: -4px 5px 0 0; }
#text div p, #text div p:nth-of-type(2) { font-size: 13px; }
#text div p:nth-of-type(1), #text.search div p:nth-of-type(1) { float: none; width: auto; font-size: 12px; color: #8b806e; text-align: left; margin-top: 0; }
#text div h4 { float: left; width: 100%; font-size: 14px; margin: 6px 0 1px 0; }
#text div h4::before { content: "◆"; font-size: 12px; color: #5e9e90; padding-right: 3px; }
#text div p:nth-of-type(2) { text-align: left; text-shadow: none; margin: 0; }

#text.search { background-image: repeating-linear-gradient(310deg, #ebe8e4, #ebe8e4 3px, #f6f5f3 3px, #f6f5f3 6px); }
#text.search h1 { margin-top: 120px; }
#text.search p:nth-of-type(1) { margin-top: -125px; }
#text.search p:nth-of-type(1) img { width: 100px; border-radius: initial; }
#text.search p:nth-of-type(2) { font-size: 34px; color: #5e9e90; text-shadow: 2px 1px 1px #fff; margin-top: 1px; }
#text.search div { padding: 12px 15px; }
#text.search div h3 { font-size: 14px; color: #5e9e90; margin-top: -3px; }

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

.box_name h3, .box_name p:nth-of-type(1) span { font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif; }

.box { width: 98%; font-size: 14px; background: #fff; border: #d8d3ce 1px solid; border-top: #5e9e90 3px solid; margin: 0 1% 10px 1%; overflow: auto; }

.box_name { background: linear-gradient(#fff, #e9f0ed); padding: 11px 15px 5px 15px; }
.box_name a { font-weight: bold; text-decoration: underline; }
.box_name a:hover { color: #5e9e90; text-decoration: none; }
.box_name h3 { display: inline-block; font-size: 14px; color: #5e9e90; }
.box_name h3 span { display:inline-block; float: none; width: auto; color: #534f43; font-weight: normal; padding: 1px 0 5px 3px; }
.box_name h3 span::before { content: "→ 出張範囲："; font-size: 12px; color: #5e9e90; }
.box_name p:nth-of-type(1) { font-size: 22px; color: #c75050; font-weight: bold; text-align: right; margin-top: 5px; }
.box_name p:nth-of-type(1) span { float: right; position: relative; display: inline-block; box-sizing: border-box; font-size: 13px; background: url('/img/c.svg')no-repeat; background-position: left 7px top 3px; background-size: 14px auto; border: solid 1px #c75050; border-radius: 4px; padding: 2px 6px 2px 24px; margin: -28px 0 0 0; }
.box_name p:nth-of-type(1) span:before, .box_name p:nth-of-type(1) span:after { position: absolute; content: ''; left: 50%; top: 100%; height: 0; width: 0; border: solid transparent; border-width: 6px; }
.box_name p:nth-of-type(1) span:before { border-top-color: #c75050; margin-left: -6px; }
.box_name p:nth-of-type(1) span:after { border-top-color: #fff; margin: -1px 0 0 -6px; }
.box_name p:nth-of-type(2) { font-size: 21px; margin: -29px 0 0 0; }

.box_more { overflow: hidden; }
.box_more div { width: 340px; }
.box_more div img { width: 85px; padding: 2px 2px 0 0; }
.box_more ul { padding: 0 172px 0 340px; margin: 0 -172px 0 -340px; }
.box_more li { width: 49%; font-size: 12px; color: #8b806e; font-weight: bold; text-align: center; border: 1px solid #d8d3ce; border-radius: 4px; padding: 2px 0 1px 0; margin: 2px 0.5% 0 0.5%; }
.box_more li.ng, .box_more li:nth-child(-n+2).ng { color: #fff; background: #ebe8e4; border: 1px solid #ebe8e4; }
.box_more li:nth-child(-n+2) { background: #fff7e5; border: 1px solid #ebe5d9; }

table { float: right; width: 170px; table-layout: fixed; border-collapse: separate; border-spacing: 0; margin-top: 2px; }
th { width: 42px; font-size: 11px; color: #8b806e; font-weight: normal; border-bottom: 1px dotted #d8d3ce; border-right: 1px dotted #d8d3ce; background: #f7f3ee; padding: 4px 0 2px 0; }
td { width: 128px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px dotted #d8d3ce; padding: 2px 0 1px 8px; }

.box_search { border: 3px solid #cee0d7; margin-top: 2px; }
.box_search li { position: relative; width: 25%; font-size: 13px; color: #8b806e; font-weight: bold; border-bottom: 1px solid #cee0d7; padding: 5px 0 4px 10px; }
.box_search li:nth-child(2n+1) { border-right: 1px solid #cee0d7; }
.box_search li.ok::before { content: "◎"; color: #8b806e; padding-right: 3px; }
.box_search li.ng::before { content: "×"; color: #fff; padding-right: 3px; }
.box_search li.ng { color: #fff; background: #e9f0ed; }