<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 #007995;
}

a:link {
 color: #008da9;
}
a:visited {
 color: #003f5a;
}
a:hover {
 position: relative;
 top: 1px;
 left: 1px;
 color: #006e83;
}
a:active {
 color: #006e83;
}

.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: #cbe6ec;
 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: #cbe6ec;
 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: -20px 0 4px 0;
 padding: 0 2px 6px 2px;
 font-size: 16px;
 font-weight: normal;
 color: #007995;
}
h1::after {
 position: absolute;
 content: '';
 left: 0;
 bottom: 0;
 width: 100%;
 height: 4px;
 box-sizing: border-box;
 border-top: 3px solid #cbe6ec;
}

h2 {
 margin: 4px 0 0 0;
 color: #b4a9c0;
 font-size: 13px;
 font-weight: normal;
}

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

.moji01 {
 margin: 2px 0 0 0;
 color: #3e6a6a;
 font-size: 13px;
 font-weight: normal;
}

.moji02 {
 margin: 2px 0 0 0;
 font-size: 12px;
 font-weight: normal;
}

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

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
 .pc { display: none !important; }
 .sp { display: block !important; }
}

.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>