@charset "UTF-8";

.header{background-color:#eeeef3;}
.main{background-color:#fffffe;}
.footer{background-color:#eeeef3;}
.wrapper {
max-width: 100%;
margin: 0 auto;
}

.header,.main,footer,img{
max-width:100%;
height: auto;
}

H1{
margin-top: 0; margin-bottom: 0; font-weight: 700; font-size: 1.5rem;
padding: 10px;
text-shadow: -1px -1px 0 rgba(100, 100, 100, 0.45);
}

.ttl{
color: #d2d4d6;
background:
linear-gradient(172deg, #999895 23%, transparent 23%) 7px 0,
linear-gradient(172deg, transparent 74%, #999895 78%),
linear-gradient(172deg, transparent 34%, #999895 38%, #999895 58%, transparent 62%),
#393835;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.box {
margin-bottom: 0.9375rem;
}

textarea {
min-width: 98%;
max-width: 99%;
min-height: 10rem;
max-height: 30rem;
}

.c-b{
display: inline-block;
width: 100%;
background: linear-gradient(177deg, #d1d4d6, #c1c4c6, #b9bcbe, #a9acae);
margin: 15px 0px -6px 0px;
height: 30px;
}

.wbr{  
display: inline-block;
}

.line_footer{
display: inline-block;
border: 0; border-top:1px solid #111; border-bottom:3px solid #d9d9d9;
width: 80%;
margin: 70px 0px 2px 0px;
}

html {
overflow: auto;
}

footer{
margin: 0 -200%;
padding: 0 200%;
background-image: linear-gradient(344deg, rgba(112, 112, 112, 0.5) 0%, rgba(112, 112, 112, 0.5) 12.5%,rgba(126, 126, 126, 0.5) 12.5%,
rgba(126, 126, 126, 0.7) 25%,rgba(139, 139, 139, 0.5) 25%, rgba(139, 139, 139, 0.5) 37.5%,rgba(153, 153, 153, 0.5) 37.5%,
rgba(153, 153, 153, 0.5) 50%,rgba(167, 167, 167, 0.5) 50%, rgba(167, 167, 167, 0.5) 62.5%,rgba(181, 181, 181, 0.5) 62.5%,
rgba(181, 181, 181, 0.5) 75%,rgba(194, 194, 194, 0.5) 75%, rgba(194, 194, 194, 0.5) 87.5%,rgba(208, 208, 208, 0.5) 87.5%,
rgba(208, 208, 208, 0.5) 100%),linear-gradient(341deg, rgb(191, 191, 191) 0%, rgb(191, 191, 191) 12.5%,rgb(177, 177, 177) 12.5%,
rgb(177, 177, 177) 25%,rgb(163, 163, 163) 25%, rgb(163, 163, 163) 37.5%,rgb(149, 149, 149) 37.5%, rgb(149, 149, 149) 50%,
rgb(136, 136, 136) 50%, rgb(136, 136, 136) 62.5%,rgb(122, 122, 122) 62.5%, rgb(122, 122, 122) 75%,rgb(108, 108, 108) 75%,
rgb(108, 108, 108) 87.5%,rgb(94, 94, 94) 87.5%, rgb(94, 94, 94) 100%);
background-attachment: fixed;
filter: brightness(1.1);
box-shadow: 0 16px 12px 12px rgba(100, 100, 110, 0.1);
}

.n{
display:none;
}

.m-size{
width: 95% !important;
}

.m-size-ht1{
height: 1.2rem !important;
}

.m-size-s{
height: 1.5rem !important;
}