<meta name="robots" content="noindex,noarchive,nofollow,noimageindex">
<meta name="googlebot" content="noindex,noarchive,nofollow,noimageindex">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale==1.0,maximum-scale=1.6,user-scalable=yes">
<style type="text/css">
@charset "UTF-8"; 

/* Reset Style */ 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, a, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 font-weight: normal;
 vertical-align: baseline;
}

main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block;
}

ul, ol {
 list-style: none;
}

p {
 margin: 2px 0 2px 0;
}

a {
 text-decoration: none;
 border-bottom: 1px dotted #4fb7cb;
}

a:link {
 color: #40d4c7;
}
a:visited {
 color: #002f46;
}
a:hover {
 color: #006182;
}
a:active {
 color: #006182;
}

.clearfix: after {
 visibility: hidden;
 display: block;
 content: " ";
 clear: both;
 height: 0;
}

form {
 margin: 2px 0;
}

img {
 max-width: 100%; 
 height:auto;
}

@font-face {
font-family: 'Noto Sans JP';
src: local('Noto Sans Japanese Regular'), local('NotoSansJapanese-Regular'), url(https://fonts.gstatic.com/s/notosansjp/v18/-F62fjtqLzI2JPCgQBnw7HFow2os2HUP5pp0erwTqsSGs8dLiZ-nVOFVLsE_RS1PblwsiBhLorUfH78.116.woff2) format('woff2');
unicode-range: U+2026;
}

textarea, input {
 color: #2a2a2a;
 background: #c4e7e3;
 font-family: "Noto Sans JP", "Helvetica", "Helvetica Neue", "Meiryo", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Segoe UI", sans-serif;
 font-size: 14px;
 line-height: 20px;
 padding: 5px 5px;
 border-radius: 5px;
}

body {
 overflow-x: hidden;
 margin: 0;
 color: #2a2a2a;
 background:#c4e7e3;
 font-family: "Noto Sans JP", "Helvetica", "Helvetica Neue", "Meiryo", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Segoe UI", sans-serif;
 font-size: 14px;
 line-height: 20px;
 word-break: break-all;
}

.wrapper {
 width: 98%;
 margin: 5px auto;
 max-width: 1200px;
}

h1 {
 position: relative;
 margin: 0;
 padding: 6px;
 font-size: 16px;
 font-weight: bold;
 color: #4fb7cb;
 text-align: center;
 background: #ffffff;
}
h1::after {
 position: absolute;
 content: '';
 left: 0;
 bottom: 0;
 width: 100%;
 height: 4px;
 box-sizing: border-box;
 border-top: 3px solid #c4e7e3;
}

h2 {
 margin: 0 0 2px 0;
 padding: 4px;
 display:inline-block;
 color: #2a2a2a;
 font-size: 15px;
 font-weight: normal;
 background: #e5f5f7;
 border-left: 4px solid #4fb7cb;
 border-right: 4px solid #4fb7cb;
}

h3 {
 margin: 0 0 -10px 0;
 padding: 2px;
 color: #006182;
 border-bottom: 3px solid #c4e7e3;
 font-size: 18px;
 font-weight: normal;
}
h3 span {
 display: block;
 margin: 0 2px 2px 2px;
 color: #0da6bc;
 font-size: 13px;
}

h4 {
 margin: 0 0 -2px 0;
 padding: 2px 4px 2px 4px;
 color: #ffa86f;
 background: #ffffff;
 font-size: 16px;
 font-weight: normal;
 display:inline-block;
}

h5 {
 margin: 0 0 -2px 0;
 padding: 2px 4px 2px 4px;
 color: #ffa86f;
 background: #ffffff;
 font-size: 14px;
 font-weight: normal;
 display:inline-block;
}

table th {
 margin: 3px 3px 3px 0px;
 padding: 2px;
 color: #53bccb;
 font-size: 14px;
 font-weight: normal;
 border: solid 2px #c4e7e3;
 border-radius: 5px;
 width: 45px;
 text-align:center;
 vertical-align:middle;
}
table td {
 padding: 4px 0 4px 0;
}

.line01 {
 border-left: 2px solid #a9dde5;
 margin: 3px 3px -15px 3px;
 padding-left: 6px;
}

.line02 {
 border-left: 2px solid #ffd3b7;
 margin: 3px 3px -15px 3px;
 padding-left: 6px;
}

.box1 {
 margin: 3px auto;
 padding: 4px;
 border-radius: 10px;
 background: #ffffff;
}

.box2 {
 margin: 3px auto;
 padding: 4px;
 border-radius: 10px;
 background: #ffffff;
}

.box3 {
 position: relative;
 margin: 3px auto;
 padding: 4px;
 border-radius: 0 10px 10px 10px;
 background: #ffffff;
}
.box3 .box-title {
 position: absolute;
 display: inline-block;
 top: -25.5px;
 left: -1px;
 padding: 0 10px;
 height: 25px;
 line-height: 25px;
 font-size: 14px;
 background: #53bccb;
 color: #ffffff;
 border-radius: 5px 5px 0 0;
}

details {
 transition: 0.3s;
 margin: 0;
}
summary {
 list-style-type: none;
 cursor: pointer;
 position: relative;
 padding: 2px 4px 2px 4px;
 transition: 0.3s;
 background-color: #fff7f1;
 font-size: 14px;
 color: #ffa86f;
 border-radius: 4px;
}
summary::-webkit-details-marker {
 display: none;
}
summary::before {
 content: "";
 width: 14px;
 height: 0;
 border-top: solid 2px #ffa86f;
 position: absolute;
 top: 50%;
 right: 20px;
 transform: translateY(-50%);
}
summary::after {
 content: "";
 width: 0;
 height: 14px;
 border-right: solid 2px #ffa86f;
 position: absolute;
 top: 50%;
 right: 26px;
 transform: translateY(-50%);
}
details[open] summary::after {
 opacity: 0;
}

.date {
 text-align: right;
 color: #aaaaaa;
 padding-bottom: 5px;
 margin-bottom: 5px;
}

label {
 display: block;
}

label span {
 display: block;
 font-size: 14px;
}

.mail input,
.mail textarea {
 width: 98%;
}
</style>