body{
font-size:16px;
text-align:center;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-color:#ffffff;
margin:0 auto;
padding:0
}
img{
border:0
}
a{
color:#c40a1b;
text-decoration:none
}
a:hover{
text-decoration:underline
}
em{
font-size:115%;
font-weight:bold;
font-style:normal
}
#header{
line-height:80px;
text-align:left;
background:#ffffff;
width:100%;
height:80px;
margin:0;
padding:0;
box-shadow:#999999 0 3px 3px;
position:fixed;
top:0;
left:0;
z-index:1000
}
.avatar{
vertical-align:middle;
margin:0 0 0 3%
}
.bar{
position:relative	
}
.notify{
position:fixed;
bottom:0;
left:0;	
width:100%;
background:rgba(132,114,98,0.95);
padding:0.5em 0 1em 0;
border-top:solid 1px #ffffff
}
.notify p{
color:#ffffff;
line-height:200%;
margin:0 3%;
}
.notify a{
color:#ffffff;
text-decoration:underline;
margin-right:0.5em
}
.notify > button{
font-size:14px;
font-weight:bold;
color:#ffffff;
background-color:#c40a1b;
min-width:100px;
padding:5px;
margin:1em 0 0 0;
border:none;
border-radius:5px;
box-shadow:-1px 1px 3px #333333;
cursor:pointer
}
.content2{
text-align:left;
display:table;
clear:both;
width:100%;
min-height:82vh;
margin:0 0 5vw 0;
padding:0
}
.content2{
box-sizing:border-box;
text-align:left;
clear:both;
width:100%;
min-height:70rem;
padding:130px 2% 50px 2%;
margin:0;
}
#high{
min-height:65vh
}
section{
clear:both;
margin:0;
padding:1em 0
}
h1,h2,h3,h4,h5{
color:#534741
}
h1{
font-size:44px;
text-shadow:2px 2px 2px #cccccc;
line-height:120%;
clear:both;
margin:0 0 1% 0;
padding:0;
}
h2{
font-size:28px;
line-height:130%;
text-shadow:1px 1px #cccccc;
clear:both;
margin:0 0 0.5em 0;
padding:2em 0 0 0.5em;
border-bottom:solid 0.1em #998675
}
#form{
padding-top:4em
}
.reg{
color:#ff0000
}
.reg2{
color:#60b147
}
h3{
font-size:22px;
line-height:130%;
padding:1em 0 0 0;
margin:0 0 0.3em 0
}
p{
font-size:16px;
color:#333333;
line-height:160%;
margin:0 0 1em 0
}
.comment{
font-size:14px;
font-weight:bold;
color:#555555
}
.small{
font-size:90%
}
.shlink{
font-weight:bold;
line-height:200%;
display:table
}
.shlink span{
margin-left:1em;
margin-right:0.2em
}
.btn2{
font-size:16px;
font-weight:bold;
color:#ffffff;
display:inline-block;
text-align:center;
background-color:#c40a1b;
box-sizing:border-box;
width:260px;
max-width:70%;
margin:12px 0;
padding:8px 3px;
border-radius:5px;
box-shadow:-1px 1px 3px #999999;
-webkit-transition-duration:0.2s;
transition-duration:0.2s;
cursor:pointer
}
.btn2:hover{
text-decoration:none;
background-color:#790610;
box-shadow:-1px 2px 4px #777777
}
.red,.red2{
font-size:80%;
font-weight:bold
}
.red{
color:#c40a1b;
}
.inq2{
font-size:16px;
color:#ffffff;
background-color:#847262;
text-align:left;
width:100%;
padding:1% 2%;
margin:1em 0 3em 0;
box-sizing:border-box;
box-shadow:3px 3px 3px #999999
}
input[type=text],input[type=email],textarea{
width:100%;
padding:0.7em;
border:solid 1px #cccccc;
border-radius:4px;
resize:vertical;
box-sizing:border-box;
}
.consent a{
font-weight:bold;
color:#ffffff;
}
label{
padding:0.7em 0;
margin-right:0.6em;
display:inline-block;
}
.column{
float:left;
width:20%;
margin-top:0.3em
}
.column2{
float:left;
width:80%;
margin-top:0.3em
}
.row{
margin-bottom:0.5em	
}
.row2{
margin-top:0.4em;
margin-bottom:0.8em
}
.row:after,.row2:after{
content:"";
display:table;
clear:both
}
textarea{
height:190px
}
input[type=submit]{
font-size:16px;
font-weight:bold;
color:#ffffff;
letter-spacing:1px;
background-color:#3366cc;
float:left;
padding:10px 24px;
margin-top:0.5em;
border:none;
border-radius:4px;
cursor:pointer;
-webkit-appearance:none
}
input[type=submit]:hover{
background-color:#999999;
}
footer{
background-color:#847262;
text-align:right;
clear:both;
min-height:10vh;
margin:0;
padding:1em 2% 7em 2%
}
footer p{
font-size:14px;
font-weight:bold;
color:#ffffff;
line-height:200%;
}
footer a{
color:#ffffff;
margin-right:2em	
}
@media only screen and (min-width:1400px){
.content2{
max-width:90vw;
margin-left:5vw
}
}
@media only screen and (min-width:980px){
.inq2{
width:65vw	
}
}
@media only screen and (max-width:660px){
#header{
line-height:50px;
height:50px
}
.avatar{
max-width:150px
}
.content2{
padding-top:80px
}
h1{
font-size:6.2vw;
text-shadow:1px 1px 1px #cccccc;
margin-bottom:0.3em
}
#form{
padding-top:2.8em
}
.inq2{
padding:3%
}
.column,.column2,input[type=submit]{
width:100%;
max-width:100%
}
.column,.column2{
margin-top:0
}
label{
padding:0.1em 0
}
input[type=text],input[type=email],textarea{
padding:0.5em
}
footer{
text-align:center
}
}
@media only screen and (max-width:550px){
h1{
font-size:6.8vw
}
h2{
font-size:5.5vw;
margin-right:0
}
h3{
font-size:4.5vw
}
p,.shlink,.btn2,.inq2{
font-size:3.2vw
}
.notify > button,.comment,footer p{
font-size:2.9vw
}
.btn2{
width:90%;
max-width:90%;
padding:6px 3px;
margin:8px 5%;
}
}
@media only screen and (max-width:360px){
h1{
font-size:8vw
}
h2{
font-size:6.5vw
}
h3{
font-size:5.8vw
}
p,.shlink,.btn2,.inq2{
font-size:4vw
}
.notify > button,.comment,footer p{
font-size:3.5vw
}
}
@media print{
#header{
line-height:10mm;
background:none;
height:10mm;
box-shadow:none;
border-bottom:solid 1pt #534741;
position:relative
}
.avatar{
max-width:50mm;
max-height:8mm;
margin:0
}
.content2{
min-height:80vh;
margin:0;
padding-top:7mm
}
section{
margin:0
}
.notify,.btn2,#nosh,input[type=submit]{
display:none
}
h1,h2{
text-shadow:none
}
h1{
font-size:20pt
}
h2{
font-size:16pt
}
#form{
padding-top:1mm;
page-break-before:always
}
h3{
font-size:14pt;
padding:1mm 0
}
p,.shlink{
font-size:10pt
}
.inq2,footer p{
font-size:9pt
}
.inq2{
background-color:#ffffff;
width:100%;
padding:0;
margin:0;
box-shadow:none
}
.consent,.consent a{
color:#333333;
}
.column{
color:#333333;
width:15%;
}
.column2{
width:85%;
}
#tall{
margin-top:1mm;
margin-bottom:1mm
}
input[type=text],input[type=email],textarea{
padding:1mm
}
textarea{
height:auto;
min-height:50vh
}
footer{
background:none;
padding:2mm 0 0 0;
border-top:solid 1pt #534741;
bottom:0
}
footer p, footer a{
color:#534741
}
}