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

@import url("reset.css");

html, body { width: 100% ;}

body {
  font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 15px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  color:#525252;
  background-color:#fff;
}
a:link
{
  color: #818181;
  text-decoration-line: underline;
  text-decoration-style: solid;
}
a:focus
{
  outline-width: thin;
  outline-style: dotted;
}
a:hover, a:active
{
  outline-width: 0px;
  outline-style: none;
}

a:focus, a:active, a:hover
{
  text-decoration-line: none;
  text-decoration-style: solid;
}

input, textarea, select {
  font-size: 100%;
  margin: 2px 2px 2px 2px;
  vertical-align: middle;
}

label{
  cursor: pointer;
}

p
{
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
  font-size: 18px;
}

h1{
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 2px solid #000085;
  border-bottom: 1px solid #000085;
  background-color: #e9ecf5;
  color: #424243;
  font-weight: bold;
  font-size: 25px;
  text-align: center;
}
h2{
  font-size: 22px;

  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #48403b;
  background-color: #adadad;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

h3{
  font-size: 18px;
  font-weight: bold;
  border-bottom: 2px solid #b7b7b7;
  color: #525252;
  padding-bottom: 8px;
}
#page_body{
   margin: 0;
   padding: 0;
   width: 100%;
 }

#header {
  width: 1000px;
  margin: 0 auto;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

.header_logo{
  margin: 0 auto;
  text-align: center;
  max-width: 300px;
  font-size: 16px;
  font-weight: bold;
  width: auto;
  color: #000;
}
.header_logo img{
  width: 99%;
}
#contents{
  width: 100%;
  margin: 0 auto;
  padding-top: 15px;
  background-color: #fff;
}
.step_area{
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
/* コンテンツ */

.form_table{
  font-size: medium;
  width: 100%;
  margin-bottom: 30px;
  border-spacing: 0;
  border-collapse: separate;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  line-height: 180%;
}


#footer {
  width: 100%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 200%;
  text-align: center;
  background-color: #d3d3d3;
  color:#8f8f8f;
  font-size: 14px;
}

#footer_img_box{
  text-align: left;
  background-color: #ffffff;
  width: 100%;

}
#footer_img_box img{
  width: 90%;
}
#footer_txt_box{
  padding-top: 15px;
  padding-bottom: 15px;
}
.sys_mess {
  margin: 0 auto 20px auto;
  background-color: red;
  color: #FFFFFF;
  padding: 5px;
  line-height: 25px;
}

.left {
  text-align: left!important;
}
.right {
  text-align: right!important;
}
.center {
  text-align: center!important;
}
.bold {
  font-weight: bold!important;
}
.font_n{
  font-weight: normal!important;
}
.middle {
  vertical-align: middle!important;
}

.mar_b {
  margin-bottom: 20px!important;
}

.red {
  color: #bc2525!important;
}
.bg_green{
  background-color: #7bc200;
}
.bg_blue{
   background-color: #03adff;
 }
.bg_gray{
  background-color: #f0f0f0;
}
.req{
  padding: 2px 10px;
  font-size: 10px;
  color: #FFFFFF;
  background-color: #f24d38;
  position: relative;
  bottom: 2px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
.desc {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  color: #666666;
}
.ime-disabled{
  ime-mode: disabled;
}
.display_none{
  display: none;
}
/*
input
{
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 100%;
  background-color: #f3f3f3;
}*/

input[type="text"],input[type="tel"],input[type="password"]  {
  height: auto;
  padding: 10px;
  font-size: 18px;
  font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", sans-serif;
  color: #525252;
  border: solid 1px #ccc;
  width: 300px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
::placeholder {
  color: #707070;
  font-size: 18px;
}

.none_input{
  height: auto;
  width: 300px;
  padding: 10px;
  font-size: 18px;
  color: #525252;
  border: solid 1px #ccc;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #f0f0f0;
}

select{
  font-size: 18px;
  font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", sans-serif;
  color: #484848;
  border: solid 1px #ccc;
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;


}
.select-wrap{
  display: inline-block;
}
.btn_box{
  width: auto;
  text-align: center;
  margin-top: 20px;
}
.btn {
  font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: bold;
  width: 70%;
  max-width: 400px;
  color:#ffffff;
  font-size:22px;
  background-color: #3c4aad;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  border:2px solid #3c4aad;
  cursor:pointer;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 15px auto;

}
.btn:hover {
  opacity: 0.7;
}
.btn:active{
  position: relative;
  top:1px;
}

.none_btn{
  font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: bold;
  width: 70%;
  max-width: 400px;
  color:#ffffff;
  font-size:22px;
  background-color: #3c4aad;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  border:2px solid #3c4aad;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 15px auto;
}

.btn_sub{
  color: #fff;
  background-color: #c6c6c6;
  border:2px solid #c6c6c6;

}
.btn_sub2{
  font-weight: bold;
  font-size: 18px;
  color:#707070;
  background-color: #e2e2e2;
  border:1px solid #707070;
  padding-top: 15px;
  padding-bottom: 15px;

}
.btn_sub3{
  font-weight: bold;
  font-size: 16px;
  color:#fff;
  background-color: #adadad;
  border:2px solid #adadad;
  padding-top: 15px;
  padding-bottom: 15px;
}
.login_alert{
  font-size: 30px;
}

.course_group_box{

  width:  390px;
  height: 100px;
  margin-bottom: 5px;
  float: left;

}

.course_group_box:hover{
  opacity: 0.7;
}

.clear_left{
  clear:left;
}

img {
  max-width: 100%;
}


.kiyaku_box {
  margin-top: 20px;
  width: auto;
  border: 1px solid #d0d0d0;
  background-color: #f8f8f8;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  padding: 20px;
}
.kiyaku{
  width: 100%;
  height: 250px;
  overflow: auto;
}
.plan_txt{
  font-size: 12px;
  padding-bottom: 20px;
}

.blink{
  -webkit-animation: blink 1s ease infinite;
  animation: blink 1s ease infinite;
}
@-webkit-keyframes blink {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes blink {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.maint_alert{
  border: 1px solid #d0d0d0;
  padding: 20px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}

.email_alert{
  margin-top: 30px;
  border: 1px solid #d3b698;
  background-color: #fff9f1;
  padding: 20px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}

.thanks_mess{
  margin-top: 30px;
  border: 1px solid #d0d0d0;
  background-color: #fff;
  padding: 20px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}

.thanks_mess_in{
  font-size: 16px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.err_box{
  border: 1px solid #d0d0d0;
  background-color: #fff;
  padding: 20px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}

.main_area{
  width: 600px;
  margin: 0 auto;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?ajyx0j');
  src:  url('fonts/icomoon.eot?ajyx0j#iefix') format('embedded-opentype'),
  url('fonts/icomoon.ttf?ajyx0j') format('truetype'),
  url('fonts/icomoon.woff?ajyx0j') format('woff'),
  url('fonts/icomoon.svg?ajyx0j#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:valid + .icon-validation::before {
  content: attr(data-icon);
  color: #5ace5e;
  font-size: 150%;
  position: relative;
  top:5px;
}


@media screen and (min-width: 768px) {

  .fr{
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .fr_in{
    width: 600px;
    margin: 0 auto;
  }

  .ft{
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
  }
  .fd{

    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;

  }

}