@charset "UTF-8";
/* ----------------------------------------------------------------------
在校生専用　students.html用CSS
 800px以上の画面用CSS タブレット・PC
------------------------------------------------------------------------- */
/*@media screen and (min-width: 800px) {*/

.sp { display: none; } /* spを非表示 */
.pc  { display: block; }  /* pcを表示 */
.tablet{ display: block; }  /* tabletを表示 */


#sec1 {
	width: 85%;
	height: 450px;
	clear: both;
  text-align: left;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 0;
	padding-bottom: 3em;
	padding-left: 0;
	overflow:hidden;
  position: relative;
  font-family: "Lato", "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#sec1 h2{
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 1em;
  border-bottom: solid 1px;
  font-family: dnp-shuei-mincho-pr6n, "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#sec1 h3{
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.5em;
  border-left: 8px solid #597097;
  padding-left: 1em;
}

form {
  width: 90%;
  padding: 40px 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
}

form h1,form p {
  color: #597097;
  font-weight: 500;
}


form input[type = "id"],form input[type = "password"] {
  border: 0;
  background: none;
  display: block;
  margin: 20px auto;
  border: 2px solid #ff69b4;
  padding: 15px 10px;
  width: 200px;
  outline: none;
  border-radius: 24px;
  transition: 0.25s;
  text-align: center;
}

form input[type = "id"]:focus,form input[type = "password"]:focus {
  width: 280px;
  background-color: #f0f8ff;
}

form input[type = "submit"]{
  border: 0;
  background: none;
  display: block;
  margin: 20px auto;
  border: 2px solid #ff69b4;
  padding: 15px 10px;
  width: 220px;
  outline: none;
  color: #ff69b4;
  border-radius: 25px;
  transition: 0.25s;
  text-align: center;
  cursor: pointer;
}

form input[type = "submit"]:hover {
  background-color: #ff69b4;
  border: 2px solid #ff69b4;
  color: #FFF;
}


/* タブレット対応1(iPadproなど)
------------------------------------------------------------------------- */
@media screen and (min-width:961px)and ( max-width:1090px){
.sp { display: none; } /* spを表示 */
.pc  { display: block; }  /* pcを非表示 */
.tablet{ display: block; }  /* tabletを表示 */

#sec1{
	width:90%;
}

}

/* タブレット対応2
------------------------------------------------------------------------- */
@media screen and (min-width:600px)and ( max-width:960px){
.sp { display: none; } /* spを非表示 */
.pc  { display: block; }  /* pcを非表示 */
.tablet{ display: block; }  /* tabletを非表示 */

#sec1{
	width:90%;
}
  
.career_data_left {
  padding: 2em 15%;
  width: 70%;
  float: none;
}
  
  .career_data_right {
  padding: 2em 0;
  width: 90%;
  float: none;
  margin: 0 auto;
}
  
}

/* スマホの画面用CSS
------------------------------------------------------------------------- */
@media screen and (max-width:599px) {
.sp { display: block; } /* spを表示 */
.pc  { display: none; }  /* pcを非表示 */
.tablet{ display: none; }  /* tabletを非表示 */
  
.ttl_subpage h2 {
  width: 150px;
  font-size: 1.5em;
  top: 100px;
}
  
.ttl_subpage img {
    left: 170px;
}

#sec1{
	width:100%;
  padding-bottom: 3em;
}
  
.sec1_inner1{
  width: 90%;
  margin:0 auto;
}

#sec1 h3 {
  font-size: 1.2em;
}

.link2_ttl01{
    width: 100%;
}
  
  .link_exam{
    width: 100%;    
  }
  
.link2_ttl {
    line-height: 70px;
    font-size: 1.2em;
}
 
  
.career_data_left {
    padding: 2em 2% 0;
    width: 94%;
    float: none;
}
  
  .career_data_right {
  padding: 2em 0;
  width: 90%;
  float: none;
  margin: 0 auto;
}

.tbl01 th {
    width: 30%;
    text-align: left;
    padding: 10px;
}

.tbl01 td, .tbl01 th {
    padding: 1em 1em;
}  
}