@charset "utf-8";
/* CSS Document */

body > div{
width:80%;
max-width:1000px;
margin:0 auto;
padding-top:200px;
}
#entry
{margin:0 auto;}
#entry h3{
text-align:center;
font-size:200%;
font-weight:900;
line-height:1.5;
margin-bottom:2rem;
}
#entry h3 + p{
line-height:2.5;
margin-bottom:3rem;
}
#entry h3 + p a{
color:#fff;
display:inline-block;
border-bottom:#d10000 solid 2px;
line-height:2;
}
#entry h3 + p a:hover{opacity:0.7;}
table{
width:100%;
text-align:left;
margin-bottom:3rem;
}
tr{
background:#fff;
color:#000;
border-bottom:5px solid #000;
display:flex;
justify-content:space-between;
}

th{
padding:1.5rem;
display:flex;
justify-content:space-between;
align-items: center;
vertical-align:middle;
background:#eee;
width:35%;
}
th span{
color:#fff;
background:#c69c6d;
display:inline-block;
text-align:center;
padding:0.5rem 0.75rem;
font-size:80%;
font-weight:500;
}
td{
width:65%;
padding:1.5rem;
vertical-align:middle;
}
table + p{
margin:0 auto;
text-align:center;
}
table + p input{
font-size:110%;
padding:0.5rem 1rem;
font-weight:700;
font-family:'Noto Sans Japanese', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;font-weight:700;
}
table + p input:hover{
cursor:pointer;
opacity:0.7;
}
input[type="text"]{
padding:0.5rem;
font-size:100%;
font-weight:500;
font-family:'Noto Sans Japanese', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;font-weight:700;
width:100%;
}
input::placeholder {color:#bbb;}
input[type=radio]{display:none;}
input[type="radio"]+ label{
border:1px solid #555;
border-radius:5px;
padding:0.5rem 1rem;
white-space: nowrap;
display:block;
}
input[type="radio"]+ label:hover{cursor:pointer;}
input[type="radio"]:checked + label{
background:#516590;
color:#fff;
}
textarea{
padding:0.5rem;
width:100%;
font-size:100%;
font-weight:500;
font-family:'Noto Sans Japanese', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;font-weight:700;
}
#thanks{
margin:0 auto 5rem;
width:90%;
max-width:1000px;
text-align:center;
}
#thanks h2{
margin-bottom:2rem;
font-size:200%;
font-weight:900;
}
#thanks p{line-height:3;}
#thanks p a{
display:inline-block;
margin:2rem auto;
background:#fff;
color:#000;
padding:0.5rem 1.5rem;
border-radius:2rem;
font-weight:700;
font-size:90%;
}
#thanks p a:hover{opacity:0.7;}
form{margin-bottom:5rem;}

@media screen and (max-width:768px){ 
body > div{
padding-top:150px;
width:90%;
}
#entry{margin:3rem auto 5rem;}
#entry h3{margin-bottom:1rem;}
#entry h3 + p{margin-bottom:2rem;}
table{margin-bottom:2rem;}
#thanks{margin:0 auto 3rem;}
#thanks h2{
margin-bottom:2rem;
font-size:200%;
font-weight:900;
}
form{margin-bottom:3rem;}

}
@media screen and (max-width:480px){
body > div{
padding-top:50px;
}

table{font-size:110%;}
tr{display:block;}
th{
padding:0.5rem 1.5rem;
width:100%;
}
th br{display:none;}
th span{padding:0.25rem 0.75rem;}
td{
width:100%;
padding:1rem 1.5rem;
vertical-align:middle;
display:block;
}
input[type="radio"]+ label{text-align:center;}
textarea{height:7rem;}
#entry{margin:2rem auto 3rem;}
#entry h3 + p{margin-bottom:1rem;}


#thanks{margin:0 auto 2rem;}
#thanks h2{
padding-top:30px;
margin-bottom:2rem;
font-size:200%;
font-weight:900;
}
#thanks p{
text-align:justify;
line-height:2;
}
#thanks p br{display:none;}
#thanks p:nth-of-type(2){
text-align:center;
}
form{margin-bottom:2rem;}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait){

}