@charset "utf-8";
.fs30{font-size:30px;}
.fs20{font-size:20px;}
.fs24{font-size:24px;}
.fs20_1{font-size:20px;}
.fs55{font-size:40px;}
.fs67{font-size:58px;}
.fs70{font-size:43px;}
.ls20{letter-spacing:-10px;}
.inb{display:inline-block;}
.fs18{font-size:18px;}
.b2{font-weight:500;}
.mb30{margin-bottom:30px;}
.mb20{margin-bottom:20px;}
.naiyou h2{color:#171C61;
	padding: 5px;	/*ボックス内の余白*/
	margin-bottom: 20px;	/*下に空けるスペース*/
	padding-left:1em;
	border-left: solid 7px #7db4e6;	
	background:#ededed;
	line-height:1.5;
	border-bottom:none;
	font-size:20px;
}
.naiyou h2::before {
	background: none;
}

.h_wrap1{
width:100%;
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
	justify-content: space-between;	/*並びかたの種類の指定*/
	margin:0 auto;border-bottom:solid 1px #171C61;margin-bottom:20px;
}
.h_wrap2{
width:100%;
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
	justify-content: start;	/*並びかたの種類の指定*/
	margin:0 auto;
}

.h_wrap3{
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
	justify-content: start;	/*並びかたの種類の指定*/
	margin:0 auto;
}

.ml30{margin-left:20px;}

.anlogo{margin-left:20px;}

.naiyou h2::after {
	background: none;
	}
	
/*お知らせブロック*/
#anzen_info {
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
	padding: 0 5px;		/*上下、左右へのボックス内の余白*/
}

/*日付(dt)、記事(dd)共通設定*/
#anzen_info dt,
#anzen_info dd {
	border-bottom: 1px solid #ccc;	/*下線の幅、線種、色*/
	padding: 5px 0;					/*上下、左右へのボックス内の余白*/
}

/*日付(dt)設定*/
#anzen_info dt {
	width: 10em;	/*幅。7文字(em)分。※下の「800px以上」の端末用の設定に再設定があります。*/
	color:#171C61;
}

/*日付の横のマーク（共通設定）*/
#anzen_info dt span {
	display: none;	/*小さな端末では非表示にしておく。*/
}

/*bg1設定*/
#anzen_info dt span.icon-bg1 {
	background: #386091;	/*背景色*/
}

/*bg2設定*/
#anzen_info dt span.icon-bg2 {
	background: #d80000;	/*背景色*/
}

/*bg2設定*/
#anzen_info dt span.icon-bg3 {
	background: #2e6c18;	/*背景色*/
}

/*記事(dd)設定*/
#anzen_info dd {
	width: calc(100% - 10em);	/*「8em」は上の「#new dt」のwidthの値です。※下の「800px以上」の端末用の設定に再設定があります。*/
}

#anzen_info dd a{text-decoration: none;}	

.ml100{margin-left:100px;}
.left20px{margin-left:20px;}
.sample_btn {
  display: inline-block;margin-left:20px;
  width: 250px;font-weight:bold;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  color:#171C61;
  background-color: #ededed;
  position: relative;
  border: 1px solid #ccc;
  transition: color 0.5s ease;border-radius:3px;
}

.sample_btn i{color:#171C61;}
.sample_btn:hover i{color:#fff;}
.sample_btn:hover {
  color: #fff;
}
.ml10{margin-left:10px;}
.ml20{margin-left:25px;}

.logout{}
.logout a{background-color:#00A33D;padding5px;border-radius:30px;color:#FFF;text-decoration:none;display:block;width:120px;margin:0 auto;font-size:18px;margin-top:17px;}
.logout a:hover{background-color:#171C61;}

.pass_hen a{background-color:#00A33D;padding5px;border-radius:30px;color:#FFF;text-decoration:none;display:block;width:150px;margin:0 auto;font-size:18px;margin-top:17px;margin-right:5px;}
.pass_hen a:hover{background-color:#171C61;}

.sample_btn:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}
.sample_btn::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #171C61;
  transform: scaleX(0);
  transform-origin: right;
  transition: all 0.5s ease;
  transition-property: transform;
}
.text {
  position: relative;font-size:20px;
}
.next{margin-left:15px;}

.wrap_a{display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
	justify-content: space-evenly;	/*並びかたの種類の指定*/
	padding: 5px;}
.wd25{width:25%;padding:5px;}
.wd50{width:37.5%;padding:0px;}/* 上 | 右 | 下 | 左 */
.wd50_2{width:37.5%;padding:0px;}

.wd25b{width:22%;padding:5px;background:#D0E2F0;border-radius:5px;position: relative;}
.wd25b2{width:22%;padding:5px;background:#D0E2F0;border-radius:5px;position: relative;}

.wd25b::after{
content: "";
    position: absolute;
    top: 50%;   /* 縦軸をセンタリングする */ 
    right: -34px;
    transform: translateY(-50%);   /* 縦軸をセンタリングする */  
    border: 12px solid transparent;
    border-left: 15px solid #555;
}


.boshu{max-width:300px;margin:0 auto;}

.k_naiyou{list-style: none;padding: 0;
  margin: 0;}

.k_naiyou li{position: relative;border-bottom:none;font-size:18px;padding:2px;padding-left:25px;}

.k_naiyou li i{margin-right:5px;}

.k_naiyou li .inb{margin-left:0;margin-right:0;padding-left:0;padding-right:0;}

.k_naiyou li::before {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f058';
  color:#171C61;
}

.wd70p{width:70%;padding:5px;}
.wd30p{width:30%;padding:5px;padding-top:70px;}

.l_menu{padding:10px 10px 0px 10px;
border:solid 1px #171C61;color:#171C61;margin-bottom:25px;}
.l_menu:hover{background:#EDEDED;}

.f_juken_top{padding:32px 12px 32px 10px;
border:solid 1px #171C61;text-align:center;margin-bottom:25px;}
.f_juken_top:hover{background:#EDEDED;}

.img-wrap5 {
  overflow: hidden;
  position: relative;
}

.img-wrap5::before {
  animation: img-wrap5 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  background: #fff;
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

@keyframes img-wrap5 {
  100% {
    transform: translateX(100%);
  }
}



.img-wrap2 {
  overflow: hidden;
  position: relative;
}

.img-wrap2::before {
  animation: img-wrap2 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  background: #fff;
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

@keyframes img-wrap2 {
  100% {
    transform: translateX(-100%);
  }
}


.img-wrap3 {
  overflow: hidden;
  position: relative;
}

.img-wrap3::before {
  animation: img-wrap3 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  background: #fff;
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

@keyframes img-wrap3 {
  100% {
    transform: translateY(-100%);
  }
}

.img-wrap4 {
  overflow: hidden;
  position: relative;
}

.img-wrap4::before {
  animation: img-wrap4 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  background: #fff;
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.img-wrap4_1 {
  overflow: hidden;
  position: relative;
}

.img-wrap4_1::before {
  animation: img-wrap4 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  background: #ededed;
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

@keyframes img-wrap4 {
  100% {
    transform: translateY(100%);
  }
}
@media screen and (max-width:1400px) {
.h_wrap3{
	width:100%;justify-content: center;margin-bottom:10px;
}

.logout{}
.logout a{margin-top:0px;}

.pass_hen{}
.pass_hen a{margin-top:0px;}

}

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


.h_wrap1{
	justify-content: space-evenly;	/*並びかたの種類の指定*/
	border-bottom:solid 1px #171C61;margin-bottom:20px;
}
.h_wrap2{
	justify-content: space-evenly;	/*並びかたの種類の指定*/	
}
}
@media screen and (max-width:1200px) {
.wd25b::after{    
    right: -32px;
}
}

@media screen and (max-width:1050px) {
.anlogo{margin-left:0px;text-align:center;}
}

@media screen and (max-width:1000px) {
.wd25{width:50%;padding:5px;}
.wd50{width:100%;padding:5px;}


}
@media screen and (max-width:900px) {
.wd70p{width:100%;}
.wd30p{width:100%;padding-top:10px;}
.left20px{margin-left:0px;}
.l_menu{max-width:300px;margin:0 auto;margin-top:20px;}
.f_juken_top{max-width:300px;margin:0 auto;margin-top:20px;}
.wd25b::after{    
    right: -23px;
    border: 8px solid transparent;
    border-left: 11px solid #555;
}

}

@media screen and (max-width:850px) {
.wd25b,.wd25b2{width:48%;margin-bottom:10px;}

.wd25b::after{    
    right: -32px;
    border:none;
    border-left:none;
}


.wd25b:nth-child(2)::after{    
    right: 0px;
    border:none;
    border-left:none;
}

.wd25b:first-child::after{
    right: -16px;
    border: 8px solid transparent;
    border-left: 11px solid #555;
}

.wd25b:nth-child(5)::after{
    right: -16px;
    border: 8px solid transparent;
    border-left: 11px solid #555;
}

}

@media screen and (max-width:700px) {
.fs55{font-size:50px;}
.fs67{font-size:57px;}
.fs70{font-size:60px;}
}

@media screen and (max-width:600px) {
#anzen_info dt {
	border-bottom:none;
	padding-bottom:0;
	color:#171C61;
	font-weight:bold;
	}

#anzen_info dd {
	width:100%;
	padding-top:0;
	}
	
.fs30{font-size:24px;}

.fs55{font-size:40px;}
.fs67{font-size:55px;}
.fs70{font-size:55px;}

}
@media screen and (max-width:500px) {
.wd25b,.wd25b2{width:100%;margin-bottom:10px;}

.wd25b:first-child::after,.wd25b:nth-child(5)::after{ 
right: 0px;
    border:none;
    border-left:none;
}

.fs55{font-size:35px;}
.fs67{font-size:50px;}
.fs70{font-size:50px;}
.cross{width:40px;height:auto;}
}

@media screen and (max-width:480px) {
.fs20_1{font-size:18px;}

.fs24{font-size:22px;}

.k_naiyou li{line-height:1.6;}
}

@media screen and (max-width:450px) {
.wd50_2{width:100%;margin-bottom:10px;}
.fs30{font-size:20px;text-align:center;}

.fs55{font-size:30px;}
.fs67{font-size:40px;}
.fs70{font-size:40px;}
.ls20{letter-spacing:-10px;}
}
@media screen and (max-width:400px) {
.fs55{font-size:25px;}
.fs67{font-size:35px;}
.fs70{font-size:35px;}
}

@media screen and (max-width:350px) {
.fs30{font-size:19px;}
}
@media screen and (min-width:501px) {
.sp_only_sankaku{display:none;}
}

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

}