﻿#title {
background-image: url("image/title.jpg");
}

@media screen and (min-width: 641px),print {
#page {

}
#page {
width: 100%;
margin: 0px auto 0 auto;
padding: 80px 0 20px 0;
}
#page .outline dl{
font-size: 18px;
line-height: 1.8em;
width: 1200px;
margin: 50px auto 80px auto;
display: flex;
flex-flow: wrap;
justify-content: space-between;
}
#page .outline dl dt {
width: 280px;
text-align: left;
color: #008ED1;
font-weight: bold;
padding: 0.5em 0 0.5em 0;
margin-bottom: 1.5em;
}
#page .outline dl dd {
width: 920px;
text-align: left;
padding: 0.5em 0 0.5em 0;
margin-bottom: 1.5em;
}
#page .form_bg{
background-image: url("image/form_bg.jpg");
margin: 0px auto 0 auto;
padding: 80px 0 20px 0;
}
#page #contents{
background:rgba(255,255,255,0.8);
width: 1000px;
margin: 50px auto;
padding: 30px 0;
}

.stop {
font-size: 26px;
line-height: 1.5em;
color: #FF0000;
padding: 100px;
}

}




@media screen and (min-width: 0px) and (max-width: 640px) {
#page {
width: 100%;
}
#page .outline dl{
font-size: 16px;
line-height: 1.2em;
width: 100%;
margin: 20px auto 40px auto;
}
#page .outline dl dt {
width: 92%;
color: #008ED1;
font-weight: bold;
padding: 0.2em 4% 0.2em 4%;
}
#page .outline dl dd {
width: 92%;
text-align: left;
padding: 0.5em 4% 0.5em 4%;
margin-bottom: 1em;
}
#page .form_bg{
background-image: url("image/form_bg.jpg");
background-position: top;
margin: 40px auto 0 auto;
padding: 30px 0 20px 0;
}
#page #contents{
background:rgba(255,255,255,0.8);
width: 82%;
margin: 30px auto;
padding: 10px 4%;
}
#page #company {
width: 92%;
margin: 0 auto;
}
.stop {
font-size: 18px;
line-height: 1.5em;
color: #FF0000;
padding: 3em 0 3em 0;
text-align: center;
}
}
