@charset "utf-8";
/* ==========================================================================
  Device:  SP
  Date  :  2014/3/13
  UpDate:  2014/7/24
   ========================================================================== */

body {
  color: #612fcf;
  position: relative;
  background-color: #f5d6f9;
  max-width: 480px;
  margin: 0 auto;
}

a{
  color:#1da9ba;
  -webkit-tap-highlight-color: rgba(255,156,0,0.40);
}

a:hover{
  color:#1da9ba;
}

.attention{
  font-size:70%;
  color:#666666;
  padding:5px;
}

/* ==========================================================================
   COVER
   ========================================================================== */


#wrap {
    height: 0;
    padding-top: 300px;
    position: relative;
    background-size: 100%;
}

#Stage{
  /* z-index: 1;*/
}

#cover{
position: absolute;
    width: 320px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
}

#cover .loading{
  height:444px;
  width:320px;
  position:relative;
}

#cover .loading img{
  display:block;
  position:absolute;
  top:160px;
  left:142px;
}

#cover .loading p{
  text-align:center;
  width:100%;
  height:1em;
  font-size:0.8em;
  position:absolute;
  top:200px;
}

#btn-first{
  position:absolute;
  width:242px;
  height:72px;
  display:block;
  z-index:100;
  bottom:8px;
  left:38px;
}

#cover-card{
  position:absolute;
  top:200px;
}
#cover-card > li a{
  width:60px;
  height:84px;
  position:absolute;
  z-index:11;
  display:none;
}

#cover-card > li a.card-1{
  top:28px;
  left:24px;
  -webkit-transform:rotate(-30deg);
  -moz-transform:rotate(-30deg);
  -ms-transform:rotate(-30deg);
  transform:rotate(-30deg);
}

#cover-card > li a.card-2{
  top:7px;
  left:74px;
  -webkit-transform:rotate(-15deg);
  -moz-transform:rotate(-15deg);
  -ms-transform:rotate(-15deg);
  transform:rotate(-15deg);
  z-index:12;
}

#cover-card > li a.card-3{
  top:0;
  left:130px;
  z-index:13;
}

#cover-card > li a.card-4{
  top:8px;
  left:186px;
  -webkit-transform:rotate(15deg);
  -moz-transform:rotate(15deg);
  -ms-transform:rotate(15deg);
  transform:rotate(15deg);
  z-index:14;
}

#cover-card > li a.card-5{
  top:30px;
  left:236px;
  -webkit-transform:rotate(30deg);
  -moz-transform:rotate(30deg);
  -ms-transform:rotate(30deg);
  transform:rotate(30deg);
  z-index:15;
}



/*---------------------------------------
   ボタンエリア
---------------------------------------*/


#Btn_Area {
   background: url(../images/btn_bg1.jpg);
   background-size: 100%;
   background-repeat: no-repeat;
   position: relative;
   padding-bottom: 160px;
}



#Btn_Area2 {
   background: url(../images/btn_bg2.jpg);
   background-size: 100%;
   background-repeat: no-repeat;
   position: relative;
   padding-bottom: 29%;
}

#Btn_Area2 img{
    margin: 0 auto;
    display: block;
}


p.Btn a{
width:100%;
display:block;
position:relative;
}

p.Btn a img{
    position: absolute;
    top: 70px;
    left: 0;
    width: 282px;
    right: 0;
    margin: 0 auto;  
}

#Btn_Area p.Btn{
    margin: 0 auto;
}

#Btn_Area2 p.Btn{
    margin: 0 auto;
}

#uranauBtn img{
margin: 0 auto;
display: block;
width: 70%;
margin-top:10px; 
}


p.Btn2 a{
width:100%;
display:block;
position:relative;
}
p.Btn2 a img{
    position: absolute;
    top: 0;
    left: 0;
    width: 282px;
    right: 0;
    margin: 0 auto;  
}
@keyframes 'pulse2' {
  0%{
        opacity:0.2;
         }
    100%{
        opacity:2;
         }
}
@-webkit-keyframes 'pulse2' {
  0%{
        opacity:0.2;
         }
    100%{
        opacity:1;
         }
}
.flash1{
-webkit-animation-name: pulse2;
-webkit-animation-duration: 0.7s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
-webkit-animation-delay: 0s;
}

#pm{
background: #fff;
width: 50px;
height: 50px;
position: absolute;
right: 0;
bottom: 55px;
}

#pm img {
    width: 80%;
    padding: 10%;
}

/* ==========================================================================
   sub_content
   ========================================================================== */

#sub_content img{
  width: 100%;
}

.step {
  position: relative;

}

.step_img1{
position: absolute;
top: 2%;
left: 0;
right: 0;
}

.step_img2{
position: absolute;
top: 35%;
left: 0;
right: 0;
}

.step_img3{
position: absolute;
top: 68%;
left: 0;
right: 0;
}

/* ==========================================================================

   ========================================================================== */


/*----#en-select{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:200;
  display:none;
}


#en-select .wrap{
    width:100%;
    height:100%;
    background:#000000;
    opacity:0.7;
    z-index:201;
        position:absolute;
    top:0;
    left:0;
}

#en-select ul{
  width:291px;
  height:375px;
  margin:20px auto;
  background:url(../images/spl_select@2x.png) 0 0 no-repeat;
  background-size:cover;
  position:relative;
  z-index:202;
}--- /*

#en-select ul li a{
  display:block;
  width:264px;
  height:44px;
  position:absolute;
  z-index:203;
}

#en-select ul li a.hurin{
  top:53px;
  left:18px;
}

#en-select ul li a.mirai{
  top:111px;
  left:18px;
}

#en-select ul li a.hukuen{
  top:169px;
  left:18px;
}

#en-select ul li a.deai{
  top:230px;
  left:18px;
}

#en-select ul li a.all{
  top:282px;
  left:18px;
}

#en-select ul li a.back{
  width:84px;
  height:35px;
  top:340px;
  left:105px;
}


/* ==========================================================================

   ========================================================================== */
#form1-head{
  width:320px;
  height:361px;
    margin:0 auto;
  background:url(../images/img_page@2x.jpg) 0 0 no-repeat;
  background-size:cover;
  position:relative;
}


#form1-head header{
  width:291px;
  height:76px;
  background:url(../images/spl_header.png) 0 -308px no-repeat;
  background-size:cover;
  margin:0 auto;
  text-indent:-9999px;
  position:absolute;
  top:5px;
  left:16px;
}

#form1-head header.cc1{
  background-position:0 0;
}

#form1-head header.cc2{
  background-position:0 -76px;
}

#form1-head header.cc3{
  background-position:0 -152px;
}

#form1-head header.cc4{
  background-position:0 -232px;
}


#form1-head .message1{
  width:320px;
  height:40px;
  background:url(../images/spl_text@2x.png) 0 0 no-repeat;
  background-size:cover;
  margin:0 auto;
  text-indent:-9999px;
  position:absolute;
  top:40px;
}


.card-deal{
  width:320px;
  margin:10px auto;
  position:absolute;
  top:105px;
}


.card-deal>ul{
  width:300px;
  height:86px;
  margin:0 auto;
  position:relative;
  overflow:hidden;
}

.card-deal>ul>li{
  background: url(../images/img_card.jpg) left bottom no-repeat;
  background-size:cover;
  width:61px;
  height:86px;
  float:left;
  margin:0 6px;
}



.card-deal .message2{
  width:320px;
  height:38px;
  background: url(../images/spl_text@2x.png) 0 -40px no-repeat;
  background-size:cover;
  text-indent:-9999px;
  position:absolute;
  left:-11px;
  margin-top:5px;
}

/*----------------------------------*/

#card-frame{
  width:100%;
  height:100%;
  margin:0 auto;
  position:absolute;
  top:0;
  left:0;
  z-index:10;
}

#card-frame > article{
  width:300px;
  position: relative;
  z-index:12;
  margin:-80px auto 20px;
  padding-top:10px;
}

#card-frame .wrap{
  background:#000000;
  opacity:.8;
  position:absolute;
  top:0;
  left:0;
  z-index:11;
  width:100%;
  height:100%;
}

.card-deal > span{
  display:block;
  width:61px;
  height:86px;
  background: url(../images/img_card.jpg) left bottom no-repeat;
  -webkit-transform:scale(2,2);
  -moz-transform:scale(2,2);
  transform:scale(2,2);
  -webkit-transform-origin:50% 0;
  -moz-transform-origin:50% 0;
  transform-origin:50% 0;
  background-size:cover;
  opacity:1;
  margin:0 auto;
}

#card-frame .card-deal .reverse{
  -webkit-transform:scale(2,2) rotate(-180deg);
  -moz-transform:scale(2,2) rotate(-180deg);
  transform:scale(2,2) rotate(-180deg);
  -webkit-transform-origin:50% 65%;
  -moz-transform-origin:50% 65%;
  transform-origin:50% 65%;
}


#card-frame .text{
  margin-top:90px;
  padding:8px;
  font-size:13px;
}

#card-frame .name{
  text-align:center;
  margin-bottom:5px;
}

#card-frame .c-pos{
  margin-left:3px;
}

.ui-en{
    border-top:2px solid #d4f9a7;
    padding-top:4px;
    display:none;
}
.btn-prof{
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d4f9a7), color-stop(1, #78a26f) );
  background:-moz-linear-gradient( center top, #d4f9a7 5%, #78a26f 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4f9a7', endColorstr='#78a26f');
  background-color:#d4f9a7;
  -webkit-border-top-left-radius:6px;
  -moz-border-radius-topleft:6px;
  border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-radius-topright:6px;
  border-top-right-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  -moz-border-radius-bottomright:6px;
  border-bottom-right-radius:6px;
  -webkit-border-bottom-left-radius:6px;
  -moz-border-radius-bottomleft:6px;
  border-bottom-left-radius:6px;
  text-indent:0;
  border:1px solid #8c8c8c;
  display:inline-block;
  color:#ffffff;
  font-size:16px;
  font-weight:bold;
  font-style:normal;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 0px #4b6035;
  margin:10px auto;
  padding:10px;
  display:block;
}
.btn-prof:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d4f9a7), color-stop(1, #78a26f) );
  background:-moz-linear-gradient( center top, #d4f9a7 5%, #78a26f 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4f9a7', endColorstr='#78a26f');
  background-color:#d4f9a7;
}.btn-prof:active {
  position:relative;
  top:1px;
}

/*---------------------------------*/
.card-deal .ca1{
  background-position:0 0;
  background-size:cover;
}

.card-deal .ca2{
  background-position:0 -86px;
  background-size:cover;
}

.card-deal .ca3{
  background-position:0 -172px;
  background-size:cover;
}

.card-deal .ca4{
  background-position:0 -258px;
  background-size:cover;
}

.card-deal .ca5{
  background-position:0 -344px;
  background-size:cover;
}

.card-deal .ca6{
  background-position:0 -430px;
  background-size:cover;
}

.card-deal .ca7{
  background-position:0 -516px;
  background-size:cover;
}

.card-deal .ca8{
  background-position:0 -602px;
  background-size:cover;
}

.card-deal .ca9{
  background-position:0 -688px;
  background-size:cover;
}

.card-deal .ca10{
  background-position:0 -774px;
  background-size:cover;
}

.card-deal .ca11{
  background-position:0 -860px;
  background-size:cover;
}

.card-deal .ca12{
  background-position:0 -946px;
}

.card-deal .ca13{
  background-position:0 -1032px;
}

.card-deal .ca14{
  background-position:0 -1118px;
}

.card-deal .ca15{
  background-position:0 -1204px;
}

.card-deal .ca16{
  background-position:0 -1290px;
}

.card-deal .ca17{
  background-position:0 -1376px;
}

.card-deal .ca18{
  background-position:0 -1462px;
}

.card-deal .ca19{
  background-position:0 -1548px;
}

.card-deal .ca20{
  background-position:0 -1634px;
}

.card-deal .ca21{
  background-position:0 -1720px;
}

.card-deal .ca22{
  background-position:0 -1806px;
}

#form1-head .card-deal .reverse{
  -webkit-transform:rotate(-180deg);
  -moz-transform:rotate(-180deg);
  transform:rotate(-180deg);
}






/*---------------------------------*/

.p_mark {
    width: 15%;
    display: block;
    background-color: white;
    margin-left: 80%;
    padding: 1%;
}

#form{
  width:100%;
}

#form2{
  width:300px;
  height:428px;
  background:url(../images/img_form@2x.png) 0 0 no-repeat;
  background-size:cover;
  margin:-280px auto 20px;
  position:relative;
  z-index:1;
  padding: 0 10px;
}



.entryform{
margin-bottom: 10%;
}
.entryform .q-title{
  margin-top: 10px;
  margin-bottom: 20px;
}



.entryform .q-count{
  text-align:center;
  margin-top: 10px;
  font-size: .8em;
}

.entryform .q-count span{
  margin:0 5px;
}

.entryform .btn-next {
    text-indent: -9999px;
    width: 130px;
    height: 54px;
    background: url(../images/btn_next@2x.png) no-repeat left bottom;
        background-size: auto;
    background-size: cover;
    margin: 1em auto;

}


.entryform .btn-back{
  text-indent:-9999px;
  width:81px;
  height:34px;
  background:url(../images/btn_back@2x.png) no-repeat 0 0;
  background-size:cover;
  margin: 0 auto;
}

.entryform .btn-confirm{
  text-indent:-9999px;
  width: 200px;
  height: 65px;
  background:url(../images/btn_entry@2x.png) no-repeat left bottom;
  background-size:cover;
  margin:10px auto 5px;
  border:0;
  display:block;
}

.btn-confirm_error{
  text-indent:-9999px;
  width:180px !important;
  height:54px;
  background:url(../images/btn_entry@2x.png) no-repeat left bottom;
  background-size:cover;
  margin:10px auto 5px;
  border:0;
  display:block;
  border:none !important;
}

.entry-info {

margin: 10px;

}

/*-----------------Q1-----------------*/


#q-1 dl{
  text-align:center;
  margin:0 auto;
}

#q-1 dl dd{
  display:inline-block;
}

#q-1 dl dd{
  margin:0 5px;
}

#sexf{
  background:url(../images/btn_q1@2x.png) no-repeat 0 0;
  width:113px;
  height:113px;
  background-size:cover;
}

#sexm{
  background:url(../images/btn_q1@2x.png) no-repeat 0 -124px;
  width:113px;
  height:113px;
  background-size:cover;
}

/*-----------------Q2-----------------*/

#q-2 .q-title{
  background-position:0 -30px;
}

#q-2 dl dd{
  display:inline-block;
  margin-top: 20px;
}

#q-2 dl{
  text-align:center;
}

#q-2 dd span{
  font-size:0.8em;
}

#birth{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 80px;
  height: 50px;
  margin: 0 5px 0 0;
  padding: 8px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #666666;
  background-color: #FFFFFF;
  border-radius:4px;
}

#month{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 60px;
  height: 50px;
  margin: 0 5px 0 0;
  padding: 8px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #666666;
  background-color: #FFFFFF;
  border-radius:4px;
}

#date{

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 60px;
  height: 50px;
  margin: 0 5px 0 0;
  padding: 8px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #666666;
  background-color: #FFFFFF;
  border-radius:4px;
}



/*-----------------Q3-----------------*/


#q-3 .q-title{
  background-position:0 -62px;
}


#q-3  dl{
  text-align:center;
  margin-top: 20px;
}
#q-3 dd{
  display:inline-block;
  background:url(../images/btn_q2@2x.png) no-repeat 0 0;
  width:67px;
  height:67px;
  background-size:cover;

}


#q-3 dl dd{
  margin:0;
}
dd#ub-B{
  background-position:0 -72px;
}

dd#ub-O{
  background-position:0 -145px;
}

dd#ub-AB{
  background-position:0 -217px;
}


/*-----------------Q4-----------------*/
#q-4 .q-title{
  background-position:0 -93px;
}


#q-4 .q-count{
  margin-top:-10px;
}

#q-4  dl{
  text-align:center;
}

#q-4  dd{
  display:inline-block;
    background:url(../images/btn_q1@2x.png) no-repeat 0 -246px;
  width:113px;
  height:113px;
  background-size:cover;
}

#q-4 dl dd{
  margin:0 5px;
}


dd#um-t{
  background-position:0 -369px;

}




/*-----------------Q5-----------------*/

#q-5 .q-title{
  height:41px;
  background-position:0 -125px;
}

#q-5 dl{
  text-align:center;
}

#inpu-text{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
  margin: 0 5px 0 0;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #666666;
  background-color: #FFFFFF;
  border-radius:4px;
  margin:0 auto 5px;
}



#q-2,#q-3,#q-4,#q-5,#entry{
  display:none;
}









/* ===================

   =================== */

.subpage{
  width:320px;
  margin:0 auto;
  position:relative;
  font-size:0.9em;
}

.subpage h1{
  width:320px;
  height:85px;
  background:url(../images/spl_pagehead@2x.png) 0 -435px no-repeat;
  background-size:cover;
  text-indent:-9999px;
  position:absolute;
  top:35px;
  z-index:1;
}

.subpage h2{
  width:212px;
  height:57px;
  background:url(../images/spl_subhead@2x.png) 0 -124px no-repeat;
  background-size:cover;
  margin:0 auto;
  text-indent:-9999px;
  position: relative;
  z-index:10;
}


.subpage .block {

margin-bottom: 10%;

}

.subpage .block .text{
  padding:0 25px;
}

.subpage .subbottom{
  width:320px;
  height:128px;
  background-size:cover;
  margin:0 auto;
  position:absolute;
  bottom:0;
}

.subpage .subtext{
  padding:0 10px 0;
  margin-top:20px;
}

.subpage .subtext a{
  color:#1da9ba;
}

.subpage .subtext ul li>dl>dt{
text-align: center;
padding: 4px 8px;
background: #fff1fd;
margin: 10px 0;
}

.subpage .subtext ul li>dl>dd>dl>dt{
  text-align:center;
  color:#9c126a;
}
.subpage .subtext ul li>dl>dd>dl{
  border:solid 1px #cccccc;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  padding:4px;
  background:#ffffff;
  margin:10px 0;
}

.subpage .subtext ul li>dl>dd>dl>dd>dl>dt{
  color:#60540f;
}

.subpage .subtext ul li>dl>dd>dl>dd>dl>dd p{
  color:#666666;
  padding-left:1em;
}

/* ===================

   =================== */
#confirm form{

}

#confirm form ul{
  margin-top:20px;

}
#confirm form dt{
  background: #ac8cee;
  text-align: left;
  padding:4px 8px;
  color:#ffffff;
  border-top-left-radius:0.4em;
  border-top-right-radius:0.4em;
}

#confirm form dd{
  padding:4px 8px;
  text-align:center;
}

.btn-entry{
  text-indent:-9999px;
  width:180px;
  height:54px;
  background:url(../images/btn_entry@2x.png) no-repeat left top;
  background-size:cover;
  margin:10px auto;
  border:0;
  display:block;

}

#confirm .btn-back{
  text-indent:-9999px;
  width:81px;
  height:34px;
  background:url(../images/btn_back@2x.png) no-repeat 0 0;
  background-size:cover;
  margin:5px auto 10px;
  display:block;
}

#confirm .tyui{
  margin:10px 10px 0;
  padding:10px;
  border-radius:8px;
}

#confirm .tyui a{
  color:#1da9ba;
}


/* ===================

   =================== */

#teacher h1{
  background-position:0 15px;
}

#teacher .prof li{
  padding:10px 20px;
}

#teacher .prof li > dl>dt{
  color:#880046;
  font-size:1.2em;
}

#teacher .prof li > dl dd img{
  float:left;
}

#teacher .prof li > dl dd img{
  float:left;
}

#teacher .prof li > dl dd ul li{
  padding:0;
}
#teacher .prof li > dl dd.spec{
  border-bottom:dashed #cccccc 1px;
  padding-bottom:8px;
}

#teacher .prof li > dl dd.advice{
  text-align:center;
  font-size:1.2em;
  margin:8px auto;
}

#teacher .prof li > dl dd.advice a{
  color:#0098ac;
}


#teacher .prof>li{
  border-bottom:solid 1px #cccccc;
}

#teacher .prof>li:last-of-type{
  border-bottom:0;
}

/* ===================

   =================== */
#first h1{
    background-position:0 -285px;
}

#first h2{
    background-position:0 0;
}

#first .cont{
  padding:10px 20px;
}

#first .cont a{
  color:#0098ac;
}



#first .cont > dl > dt{
  text-align:left;
  background:#7e204b;
  color:#ffffff;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  padding:4px 8px;
  margin:10px auto 5px;
}

#first .cont .howto dt{
  background: none;
}
#first .cont .howto ul{
  margin:10px 0;
  border:#cccccc solid 1px;
  background:#ffffff;
    -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  padding:10px
}
#first .cont .howto ul li{
  text-align:center;

}

#first .cont p{
  margin-bottom:0.5em;

}

/* ===================

   =================== */
#kiyaku h1{
  background-position:0 -60px;
}

#kiyaku h2{
  background-position:0 -57px;
  margin-top:-20px;
}

#kiyaku .service{
  background:#fff7e0;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  margin:8px;
  margin-top:-20px;
  padding:30px 10px 10px 10px;
}

#kiyaku .service dt{
  color:#880046;
}

#kiyaku .service dd{
  padding-left:1em;
}

#kiyaku .cont{
  padding:10px;

}

#kiyaku .cont a{
  color:#0098ac;
}

/* ===================

   =================== */
#ryokin h1{
  background-position:0 -135px;
}

#ryokin .ryokinsyosai{
  padding:10px 20px;
}

#ryokin .ryokinsyosai ul{
  margin:10px 0;
  background:#008291;
  color:#ffffff;
  padding:10px;
    -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
}

/* ===================

   =================== */
#company  h1{
  background-position:0 -508px;
}


#company  .service{
  background:#fff7e0;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  margin:8px;
  padding:30px 10px 10px 10px;
}

#company  .service dt{
  color:#880046;
}

#company  .service dd{
  padding-left:1em;
}

#company  .service a{
  color:#0098ac;
}
/* ===================

   =================== */
#sample h2{
  text-align:center;
  background:#7e204b;
  color:#ffffff;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  padding:4px 8px;
  margin:10px auto 5px;
  text-indent:0;
  height:20px;
  line-height:20px;
}

#sample .cont{
  padding:10px 20px;
}

/* ===================

   =================== */
#privacy  h1{
  background-position:0 -210px;
}

#privacy  .cont{
  padding:10px 20px;
}

#privacy  .cont a{
  color:#0098ac;
}

/* ===================

   =================== */
#tokusyo h1{
  background-position:0 -360px;
}



#tokusyo  .cont{
  padding:10px 20px;
}

#tokusyo  .cont a{
  color:#0098ac;
}




/* ==========================================================================

   ========================================================================== */
footer{
  height:auto;
  width:100%;
  padding:0;
  margin:0;
  bottom: 0;
  background: #936ccf;
}

footer nav{
  margin:0 auto;
}

footer #menu-bar{
  position:relative;
}

footer #menu-bar ul{
  width:320px;
  height:55px;
  margin:0 auto;
  position:relative;
}

footer #menu-bar .btn-home{
  width:81px;
  height:34px;
  background:url(../images/btn_footer@2x.png) 0 0 no-repeat;
  background-size:cover;
  position:absolute;
  left:5px;
  top:10px;
}

footer #menu-bar .btn-menu{
  width:81px;
  height:34px;
  background:url(../images/btn_footer@2x.png) 0 -36px no-repeat;
  background-size:cover;
  position:absolute;
  left:235px;
  top:10px;
}



footer #menu-bar .copy p{
font-size: 9px;
text-align: center;
line-height: 1.5em;
padding-top: 5px;
color: #fff;
}

footer #menu-bar .copy p{

}


footer #menu-bar li>a{
  display:block;
  height:100%;
  text-indent:-9999px;
}

#menu-open{
  width:100%;
  height:auto;
  display:none;
  z-index:1;
  position:absolute;
  bottom:56px;
}


#menu-open table{
    background:#936ccf;
  width:300px;
  height:200px;
  border:solid 1px #ffffff;
  margin:0 auto;
}

#menu-open tr{
  border-bottom:solid 1px #ffffff;
  border-top:0;
}

#menu-open tr:last-of-type{
  border-bottom:0;
}

#menu-open td{
  width:50%;
  border-right:solid 1px #ffffff;
  text-align:center;
}

#menu-open td.linkteacher{
  border-right:0;
}

#menu-open td:nth-of-type(even){
  border-right:0;
}


#menu-open td a{
  color:#ffffff;
  text-decoration:underline;
  font-size: 14px;
  width:100%;
  height:100%;
  display:block;
  padding-top: 1.8em;
}


footer small{
  padding:8px;
  display:block;
  text-align:0.6em;
  color:#696146;
}

footer small p.copy{
  font-size:0.8em;
}

footer small p.discription{
  font-size:0.8em;
}



/*---------------------------------------
     other
---------------------------------------*/

#wrap2 {

    margin-bottom: 10%;

}

#write{
padding:0 3%;
margin-bottom:10px;
margin-top: 5%;
line-height: 1.5;
margin-bottom: 5%;
}

#write h1 {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 5px 0;
    padding: 0 0 0 2px;
    letter-spacing: 0.1em;
}

#write p.w_txt{
margin-top:5px;
line-height:1.4;
letter-spacing:0.1em;
margin-bottom: 10px;
}

#write h2{
font-size:14px;
font-weight:bold;
letter-spacing:0.1em;
line-height:1.4;
margin:5px 0 5px 0;
}

/* ==========================================================================

   ========================================================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 240dpi),
  only screen and (min-resolution: 1.5dppx) {

}

/*=================================================
UNDER 320 DEVICE
=================================================*/
@media only screen and (max-width: 320px) {


footer {
  height:auto;
  width:100%;
  padding:0;
  margin:0;
  position: static;
  bottom: 0;
}


}