@charset "utf-8";

html {
font-size: 62.5%;
} 
body {
font-size: 1.6em;
font-size: 1.6rem;
line-height: 1.8;
font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
color:#222;
letter-spacing: 1px;
}
a {
color:#0066cc;
text-decoration: none;
}
a:hover {
color:#0066cc;
text-decoration:underline;
}
a:visited {
color:#333366;
text-decoration: none;
}
#obobtn a:hover img,
#mobiebnr a:hover img{
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
}
.fd-in {
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
	overflow: hidden;
	transition: .8s;
}
.fdin {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
/* contents */
#mainarea {
background: url("../images/back.gif");
color:#fff;
padding: 0 0 2em 0;
}
#slidelist {
background-color: #fff;
}
#mainarea header h1 {
padding: 1em 10% 0.5em 10%;
}
#contentsarea {
margin: 0 10%;
}
#contentsarea ul {
margin: 0 auto 1em auto;
padding: 0;
text-align: center;
}
#contentsarea ul li {
margin: 0 0 0.2em 0;
padding: 0;
font-size: 1.4em;
font-size: 1.4rem;
line-height: 1.5;
text-align: center;
}
#obobtn {
margin: 2em auto 0 auto;
padding: 0em 0 3em 0;
width: 80%;
text-align: center;
}
#mobiebnr {
margin: 0em auto 0 auto;
padding: 0em 0 4em 0;
width: 80%;
text-align: center;
}
#copyright {
font-size: 1.1em;
font-size: 1.1rem;
line-height: 1.5;
text-align: center;
margin: 2em auto;
}
#text {
text-align: center;
font-size: 3.6em;
font-size: 3.6rem;
line-height: 1.5;
font-weight: bold;
margin: 1em auto 1em auto;
color:#0066cc;
text-shadow: 2px 2px 1px #fff,
             -2px 2px 1px #fff,
             2px -2px 1px #fff,
             -2px -2px 1px #fff;
}
#obohoho {
margin: 1em 10% 0 10%;
}
#date {
margin: 2em 20% 0 20%;
}
#formarea {
margin: 1em 0;
background-color: #fff;
color:#444;
padding: 1em;
border-radius: 5px;
}
#gaiyoarea {
margin: 0 0 1em 0;
background-color: #fff;
color:#444;
padding: 1em;
border-radius: 5px;
}
#formarea h2 {
background-color: #0052a5;
color:#fff;
margin: 0 0 0.5em 0;
padding: 0.5em 1em;
border-radius: 3px;
font-size: 1.6em;
font-size: 1.6rem;
line-height: 1.5;
}
#formarea p {
margin: 0 0 0.5em 0;
font-size: 1.6em;
font-size: 1.6rem;
line-height: 1.6;
text-align: center;
}
#formarea p.hissu {
color:#dd0000;
font-size: 1.2em;
font-size: 1.2rem;
line-height: 1.6;
margin: 0 0 1.5em 0;
}
#gaiyoarea h2 {
background-color: #444;
color:#fff;
margin: 0 0 0.5em 0;
padding: 0.5em 1em;
border-radius: 3px;
font-size: 1.6em;
font-size: 1.6rem;
line-height: 1.5;
}
#formarea h3,
#gaiyoarea h3 {
background-color: #666;
color:#fff;
margin: 0 0 0.3em 0;
padding: 0.2em 0.8em;
border-radius: 3px;
font-size: 1.2em;
font-size: 1.2rem;
font-weight: normal;
}
#gaiyoarea p {
margin: 0 0 1em 0;
font-size: 1.2em;
font-size: 1.2rem;
line-height: 1.5;
}
#gaiyoarea .fleft,
#gaiyoarea .fright {
width: 49.5%;
}



/* common */
#pagetop {
position: fixed;
bottom: 0;
 right: 2%;
 background-color: rgba(0,0,0,0.8);
 border-radius: 2em 2em 0 0;
 padding: 10px 5px;
 cursor: pointer;
 z-index: 3;
}
#pagetop img {
width: 40px;
height: auto;
}
.fltbox,
dl {
clear:both;
zoom:1;
}
.fltbox:before,
.fltbox:after,
dl:before,
dl:after {
content:".";
clear:both;
display:block;
height:0;
line-height:0;
visibility:hidden;
}
.fleft {
float: left;
}
.fright {
float: right;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.table {
padding:0;
width:100%;
margin:0 0 15px 0;
border-collapse:separate;
border-spacing:3px;
}
.table th {
font-size: 1.4em;
font-size: 1.4rem;
line-height: 1.6;
background-color:#ffcd86;
color:#333;
font-weight:normal;
padding:0.3em;
width:20%;
vertical-align: top;
text-align: left;
border-radius: 5px;
}
.table th sup {
color:#dd0000;
}
.table td {
font-size: 1.6em;
font-size: 1.6rem;
line-height: 1.6;
background-color:#FFFFFF;
color:#2f333b;
padding:0.3em;
width:80%;
vertical-align: top;
text-align: left !important;
}
.table td div,
.table td p {
margin-bottom: 0.3em !important;
}
.table td div:last-child,
.table td p:last-child{
margin: 0;
}
.table td p {
padding: 0.2em 0.5em;
background-color: #ffeccf;
border-radius: 3px;
}
.table td p {
text-align: left !important;
}
.table tr td:first-child {
  border-left: none;
}
.table tr th:first-child {
  border-left: none;
}
.table tr:first-child td,
.table tr:first-child th {
  border-top: none;
}
form {
margin: 10px 0 0 0;
}
.notebox {
background-color: #ffe6e6;
padding: 1em;
margin: 0 0 1em 0;
text-align: left !important;
border-radius: 5px;
}
.notebox p {
text-align: left !important;
font-size: 1.4em !important;
font-size: 1.4rem !important;
line-height: 1.6 !important;
margin-bottom: 0.3em !important;
}
#ntbx {
border-radius: 3px;
background-color: #fff;
text-align: center !important;
padding: 1em 0;
margin-top: 1em;
}
#ntbx p {
text-align: center !important;
font-size: 1.6em !important;
font-size: 1.6rem !important;
line-height: 1.6 !important;
color:#dd0000;
}
input,
textarea {
border: 1px solid #999;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
input:focus {
    border-color: #f6b8c7;
    background-color: #ffdde5;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(205,255,255,.075),0 0 8px rgba(2205,255,255,.6);
    box-shadow: inset 0 1px 1px rgba(205,255,255,.075),0 0 8px rgba(205,255,255,.6);
}
input, select {
    vertical-align:baseline;
}
input[name="name"],
input[name="address"],
input[name="email"],
input[name="school"],
input[name="tel"],
textarea {
width: 96%;
padding: 2%;
}
input[name="answer"] {
padding: 2%;
width: 30%;
}
input[name="yubin01"],
input[name="yubin02"] {
padding: 1% 2%;
}
.submitbtn {
text-align: center;
	margin:0 auto 1em auto;
}
.submitbtn input[type="submit"] {
    padding: 1% 5%;
    font-size: 120%;
    line-height: 140%;
	background-color:#0054af;
	color:#fff;
	border:#0054af 2px solid;
	font-weight: bold;
	cursor: pointer;
}
.indent {
margin-left: 1.5em !important;
text-indent: -1.5em !important;
}



@media screen and (max-width:1200px) {
#mainarea header h1 {
padding: 0.5em 5% 0.5em 5%;
}
#contentsarea {
margin: 0 3%;
}
#obohoho {
margin: 1em 5% 0 5%;
}
#date {
margin: 1em 10% 0 10%;
}
#obobtn {
padding: 0em 0 2em 0;
width: 100%;
}
#mobiebnr {
margin: 0em auto 0 auto;
padding: 0em 0 2em 0;
width: 100%;
}
}
@media screen and (max-width:991px) { 
#contentsarea ul li {
display: block;
}
#text {
    font-size: 3.0em;
    font-size: 3.0rem;
    line-height: 1.5;
    margin: 0.5em auto 0.5em auto;
}
}
@media screen and (max-width:767px) { 
#mainarea header h1 {
padding: 0.2em 2% 0em 2%;
}
#contentsarea ul li {
    font-size: 1.1em;
    font-size: 1.1rem;
	text-align: left;
	margin-bottom: 0.2em;
}
#obohoho {
margin: 0.5em 1% 0.5em 1%;
}
#date {
margin: 0.3em 5% 0 5%;
}
#obobtn {
margin: 0.5em auto 0 auto;
padding: 0em 0 0.5em 0;
width: 100%;
}
#mobiebnr {
margin: 0.3em auto 0 auto;
padding: 0em 0 1em 0;
}
#text {
    font-size: 2.4em;
    font-size: 2.4rem;
}
#formarea,
#gaiyoarea {
    margin: 0.3em 0;
    padding: 0.5em;
}
#formarea h2,
#gaiyoarea h2 {
    margin: 0 0 0.3em 0;
    padding: 0.3em 0.6em;
}
#formarea p {
    margin: 0 0 0.3em 0;
    text-align: left;
}
#formarea p br {
	display: none;
}
#formarea p.hissu {
    margin: 0 0 0.5em 0;
}
input[name="yubin01"],
input[name="yubin02"] {
    padding: 1% 2%;
	width: 40%;
}
#gaiyoarea .fleft,
#gaiyoarea .fright {
float: none;
width: 100%;
}
.table th {
padding:1%;
width:98%;
display: block;
border-radius:3px;
}
.table td {
padding:1% 0;
width:100%;
display: block;
}
.table td p {
margin-bottom: 0.1em !important;
}



}
@media screen and (max-width:575px) { 


}