@charset "utf-8";
/*----------------------------------------------------
	各講座紹介ペーjい共通パーツ
----------------------------------------------------*/
/*ページの頭のあたり
-----------------------------------*/
#common_ent_01{
	margin:0 auto 40px auto;
	max-width:1080px;
	display:flex;
	font-size:1.6rem;
	align-items: center;
	justify-content: space-around;
}
@media screen and (max-width:480px){
	#common_ent_01{
		display:block;
	}
}
#common_ent_01 ul{
	background:#ffccbb;
	border:1px solid #cc6666;
	border-radius:10px;
	padding:10px 15px;
	line-height:2;
}
@media screen and (max-width:480px){
	#common_ent_01 ul{
		display:block;
		margin:0 10px;
	}
}
#common_ent_01 h6{
	width:20%;
}
@media screen and (max-width:480px){
	#common_ent_01 h6{
		width:90%;
		margin:30px auto 0 auto;
	}
}
#common_ent_01 h6 img{
	width:100%;
}
/*ページの頭の次のあたり
-----------------------------------*/
#common_ent_02{
	margin:0 auto;
	max-width:1080px;
}
#common_ent_02 h3{
	font-size:2rem;
	font-weight:700;
	color:#333333;
}
@media screen and (max-width:480px){
	#common_ent_02 h3{
		text-align:center;
	}
}
#common_ent_02 h6{
	text-align:right;
}
#common_ent_02 h5{
	display:inline-block;
	color:#ff0000;
	border:1px solid #ff0000;
	border-radius:8px;
	font-size:1.8rem;
	padding:4px 15px;
}
@media screen and (max-width:480px){
	#common_ent_02 h5{
		display:block;
		margin:40px 15px 0 15px;
		text-align:center;
	}
}
#common_ent_02 div{
	border:2px solid #666666;
	border-radius:12px;
	font-size:1.6rem;
	line-height:1.4;
	margin:10px 30px;
	padding:10px;
}
@media screen and (max-width:480px){
	#common_ent_02 div{
		margin:10px 10px;
	}
}
#common_ent_02 div p{
	text-indent:1em;
}


/*認証エラー
-----------------------------------*/



#login_err{
	margin:0 auto 10px auto;
	max-width:1080px;
	font-size:1.6rem;
}
@media screen and (max-width:480px){
	#login_err{
		display:block;
	}
}
#login_err .err_txt{
	text-align:center;
	margin:10px auto 10px auto;
}
#login_err .button {
    font-size: 1.8rem;
    border: 2px solid #555250;
    padding: 5px;
    background: linear-gradient(#8f8e8d, #555250);
    border-radius: 5px;
    color: #ffffff;
    margin: 30px auto 0 auto;
}



/*----------------------------------------------------
	#エラーページ
----------------------------------------------------*/

#err{
	margin:0 auto 10px auto;
	max-width:1080px;
}
#err .komidashi{
	font-size:2.3rem;
	font-weight:900;
	margin:20px 0 10px 0;
	text-align:center;
}

#err .err_txt p{
    font-size:1.7rem;
    line-height:1.3;
    text-align:center;
}

#err .err_txt a{
	font-size:1.7rem;
    text-align:center;
	text-decoration:underline;
	margin:30px auto 20px auto;
	display:block;
}

/*----------------------------------------------------
	#トップ
----------------------------------------------------*/
#main{
	margin:0 auto 0px auto;
	max-width:1080px;
}

#main .oomidashi{
		font-size:2.7rem;
		color:#1d2080;
		margin:10px 0 10px 0;
		padding:20px 10px 20px 15px;

}
#main .komidashi2{
	font-size:2.3rem;
	line-height:1.5;
	font-weight:bold;
	color:#000000;
	margin:30px 5px 10px 5px;
	text-align:center;
	text-decoration:underline;
}
@media screen and (max-width:480px){
	#main .komidashi2{
		text-align:left;
	}
}


#main .komidashi2_top{
	font-size:2.6rem;
	font-weight:bold;
	color:#ffffff;
	margin:5px 0 10px 0;
	text-align:center;
}

#main .shikenmei{
	font-size:2.6rem;
	font-weight:bold;
	color:#ffffff;
	margin:5px 0 10px 0;
	text-align:center;
}
@media screen and (max-width:480px){
	#main .shikenmei{
		font-size:2.0rem;
		line-height:1.5;
	}
}




#main .honbun2{
	font-size:1.5rem;
	color:#000000;
	text-align:center;
	margin:30px 0 0 0;
}

#main p.errtxt2{
	margin:20px auto 10px auto;
	padding:0;
	font-size:1.5rem;
	text-decoration:underline;
	text-align:center;
}
@media screen and (max-width:480px){
	#main p.errtxt2{
	}
}

#main .leftbox{
	padding:0px 10px 0 0;
	width:870px;
	float:left;
	display:inline-block;
}
@media screen and (max-width:480px){
	#main .leftbox{
		width:100%;
		padding:10px 0px 0 0;
	}
}

	margin:10px auto;
	display:block;
}
#main .leftbox .bnrboxtop img{
	margin:10px auto;
	display:block;
	width:400px;
}
@media screen and (max-width:480px){
	#main .leftbox .bnrboxtop img{
		width:80%;
	}
}




#main .sidebox{
	width:210px;
	float:left;
	display:inline-block;
	padding:10px 0 0 0;
	font-size:1.4rem;
}
@media screen and (max-width:480px){
	#main .sidebox{
		width:100%;
	}
}


/*----------------------------------------------------
	#side
----------------------------------------------------*/
#main .sidebox .bc_btn{
	background:linear-gradient(#8f8e8d, #555250);
	width:100%;
	padding:6px 4px;
	display:inline-block;
	margin:0 0 5px 0;
}
#main .sidebox .bc_btn .double{
	font-size:1.3rem;
	color:#ffffff;
	line-height:1.4;
	display:block;
	z-index:0;
}
@media screen and (max-width:480px){
	#main .sidebox .bc_btn .double{
		font-size:1.4rem;
	}

}
#main .sidebox .bc_btn .single{
	font-size:1.4rem;
	color:#ffffff;
	line-height:1.4;
	padding:0 0 0 5px;
}
@media screen and (max-width:480px){
	#main .sidebox .bc_btn .single{
		padding:0 0 0 0px;
	}
}


#main .sidebox .bc_btn .td{
	  width:95%;

}



#main .sidebox .bc_btn th{
	  width:5%;
	vertical-align: middle; color:#ffffff; font-size:1.6rem; text-align:right; padding:0 0 0 10px;

}


/*----------------------------------------------------
	#sidebox内保護士エキスパートロゴDLバナー
----------------------------------------------------*/
#main .sidebox #s_box_no{
	border:1px solid #000000;
	width:206px;
	margin:0 0 10px 0;
}
@media screen and (max-width:480px){
	#main .sidebox #s_box_no{
		width:90%;
		margin:10px auto;
		display:block;
	}
}

#main .sidebox #s_box_no img{
	width:110px;
	margin:5px auto 5px auto;
	display:block;
}
#main .sidebox #s_box_no .komidashi{
	border:1px solid #000000;
	margin:0 0 10px 0;
	background:#0e6eb8;
	color:#ffffff;
	text-align:center;
	font-size:1.5rem;
	line-height:1.5;
	font-weight:700;
	padding:5px 0;
}


#main .sidebox #s_box_no .logobtn{
	width:80%;
	margin:5px auto 5px auto;
	display:block;
	background:#ff6600;
	color:#ffffff;
	border-radius:10px;
	font-size:1.5rem;
	text-align:center;
	padding:5px 0;
}

#main .sidebox #s_box_no li{
	margin:0 0 0 10px;
	font-size:1.5rem;
	line-height:1.5;
}



#main .bukai_list_new{
	padding:0 auto;
}

#main .bukai_list_new li{
	list-style-type:none;
	float:left;
	width:300px;
	margin:10px 20px 15px 20px;
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",sans-serif;
}
@media screen and (max-width:480px){
	#main .bukai_list_new li{
	float:none;
		margin:10px auto 15px auto;
		display:block;
	}
}




#main .bukai_list_new li a{
	text-decoration:none; background:#558ED5;
	display:block; color:#ffffff; font-weight:900;
	font-size:18px; padding:5px 20px 5px 20px; text-align:center;
}
#main .bukai_list_new li a:hover{
	text-decoration:none;
	background:#3377bb;
}

#main .moushikomi_midashi{
	font-size: 2rem;
	margin:15px 0 0 0;
}
@media screen and (max-width:480px){
	#main .moushikomi_midashi{
		font-size: 1.6rem;
	}
}


#main .att_midashi{
	font-size: 1.6rem;
	font-weight:700;
	margin:6px 0 0 0;
}



#main .honbun2{
	font-size: 1.5rem;
	line-height:1.4;
	padding-left:1em;
	text-indent:-1em;
	margin:5px 0 0 0;
}


#main .ao_midashi_new{
	font-size:24px;
	font-weight:bold;
	background:#4472c4;
	color:#ffffff;
	padding:3px 0px 10px 21px;
	width:100%;
	
	margin:10px 0 0 0;
}




#main .ao_midashi2{
	font-size:1.9rem;
	line-height:1.4;
	background:#ffffff;
	border:2px solid #4472c4;
	color:#000000;
	padding:3px 0px 10px 21px;
	width:100%;
	display:inline-block;
}
@media screen and (max-width:480px){
	#main .ao_midashi2{
		padding:3px 0px 0px 0px;
	}
}


#main .ao_midashi2 .moushikomiend_kaijo_btn{
	font-size:1.6rem;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #000000;
	padding:10px 14px;
	border-radius:5px 5px 0px 0px;
	margin:10px auto 20px auto;
	background:linear-gradient(#5d5d5c, #a0a09f);
	
	

}
@media screen and (max-width:480px){
	#main .ao_midashi2 .moushikomiend_kaijo_btn{
		font-size:1.5rem;
		margin:10px auto 0px auto;
		padding:10px 5px;
		width:90%;
		display:block;
	}
}



#main .ao_midashi2 .moushikomiend_kaijo_btn i{
	margin:0 5px 0 0;
}

#main .ao_midashi2 .juyo{
	border:3px solid #ff0000;
	text-align:center;
	border-radius:10px;
	margin:15px;
	padding:5px;
}
#main .ao_midashi2 .juyo a{
	text-decoration:none;
	color:#ff0000;
}
#main .ao_midashi2 .juyo a:visited{
	text-decoration:none;
	color:#ff0000;
}


#main .return_btn{
	font-size:16px;
	color:#ffffff;
	border-radius:5px;
	padding:5px;
	text-align:center;
	text-decoration:none;
	margin:10px auto 0 auto;
	display:block;
	width:250px;
	background:#666666;

}

#main .return_btn i{
	margin:0 5px 0 0;

}


#main .top_background {
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",sans-serif;
	background-image: url("../img/apip_top.jpg");
	background-repeat: no-repeat;
	background-position: center;
	margin: 0px 0 0 0;
	height: 524px;
	width: 100%;
	padding: 5px auto;
	display: block;
	clear: both;
}

@media screen and (max-width:480px) {
	#main .top_background {
		height: 324px;
		margin: 20px 0 0 0;
		background: url("../img/apip_top.jpg") no-repeat center 50px;
		background-size: 100% auto;
		padding: 20px 0 0 0;
	}
}


#main .top_background .word1{
	font-size:3.0rem;
	line-height:1.7;
	text-align:left;
	margin:27px 20px 0 0;
}
@media screen and (max-width:480px) {

	#main .top_background .word1{
		font-size:2.2rem;
		line-height:1.4;
		text-align:center;
		margin:-30px 10px 0 0;
	}

}

#main .top_background .word2{
	font-size:2.1rem;
	font-weight:700;
	line-height:1.7;
	text-align:left;
	color:#ff0000;
	margin:30px 0 0 20px;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
	              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
	              0px 1px 0 #FFF,  0-1px 0 #FFF,
	              -1px 0 0 #FFF, 1px 0 0 #FFF;
	width:420px;
}
@media screen and (max-width:480px) {
	#main .top_background .word2{
		font-size:1.9rem;
		margin:230px 0 0 10px;
		width:100%;
	}
}


#main .top_background .word3{
	font-size:2.5rem;
	font-weight:700;
	line-height:1.7;
	text-align:left;
	color:#ff0000;
	margin:210px 0 0 10px;
	width:450px;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
	              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
	              0px 1px 0 #FFF,  0-1px 0 #FFF,
	              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
@media screen and (max-width:480px) {
	#main .top_background .word3{
		font-size:2.0rem;
		margin:0px 0 0 20px;
		width:325px;
	}
}




#main .top_background table img{
	margin:260px 10px 0 30px;
	width:130px;
	float:left;
}
@media screen and (max-width:480px) {
	#main .top_background table img{
		margin:0px 10px 0 10px;
		width:130px;
	}
}


@media screen and (max-width:480px) {
	#main .top_background table td{
		width:100%;
		display:block;
		clear:both;
	}
}









#main .top_background_aud {
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",sans-serif;
	background-image: url("../img/aud_top.jpg");
	background-repeat: no-repeat;
	background-position: center;
	margin: 0px 0 0 0;
	height: 414px;
	width: 100%;
	padding: 5px auto;
	display: block;
	clear: both;
}

@media screen and (max-width:480px) {
	#main .top_background_aud {
		height: 324px;
		margin: 0px 0 0 0;
		background: url("../img/aud_top.jpg") no-repeat center 50px;
		background-size: 100% auto;
		padding: 0px 0 0 0;
	}
}




#main .top_background_aud .wordbox1{
	padding:10px;
	margin:-300px 0 0 0px;
	color:#ff0000;
}
@media screen and (max-width:480px) {
	#main .top_background_aud .wordbox1{
		margin:0px 0 0 0px;

	}
	#main .top_background_aud .wordbox1 img{
		width:30%;
		float:left;
		margin:0 5px 0 0;

	}
}


#main .top_background_aud .wordbox1 .word3{
	font-size:2.1rem;
	font-weight:700;
	line-height:1.7;
	text-align:left;
	color:#ff0000;
	margin:0px 0 0 10px;
	width:260px;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
	              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
	              0px 1px 0 #FFF,  0-1px 0 #FFF,
	              -1px 0 0 #FFF, 1px 0 0 #FFF;

}
@media screen and (max-width:480px) {
	#main .top_background_aud .wordbox1 .word3{
		font-size:2.1rem;
		font-weight:700;
		line-height:1.7;
		text-align:left;
		color:#ff0000;
		margin:0px 0 0 10px;
		width:370px;
	}
}



#main .top_background_aud .word1{
	font-size:2.9rem;
	line-height:1.7;
	text-align:right;
	margin:17px 10px 0 500px;
	color:#ff0000;
}
@media screen and (max-width:480px) {

	#main .top_background_aud .word1{
		font-size:2.3rem;
		text-align:center;
		margin:0px 10px 0 0;
		padding:240px 0 0 0;
	}

}

#main .top_background_aud .word1 .word1_2{
	font-size:2.0rem;
	line-height:1.4;
	text-align:left;
	margin:0px 10px 0 0px;
}
@media screen and (max-width:480px) {
	#main .top_background_aud .word1 .word1_2{
		font-size:1.9rem;
		margin:0px 0px 10px 0px;
	}

}

#main .shikenbox1 .slider{

	margin:10px 0;
	padding:0 20px;
}

#main .shikenbox1 .slider img{
	margin:0px 20px;
	width:90%;
	
}


.top-foto_is{
	position:relative;
	background-image:url("../img/is_top_new.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	width:1080px;
	height:520px;


}
@media screen and (max-width:480px){
	.top-foto_is{
		background-image: url("../img/is_top_new.jpg");
		background-repeat: no-repeat;
		width:100%;
		height:155px;
		background-size:100% auto;
	}
}

.top-foto_is .groupbox{
	position:absolute;
	top:20px;
	left:10px;
	
	  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width:790px;

	
}
@media screen and (max-width:480px){
	.top-foto_is .groupbox{
		  display: block;
	  flex-direction: none;
	  justify-content: none;
	  width:100%;
	left:0px;
	margin:160px 0 0 0;

		
	}

}

.top-foto_is .gaiyoubox{
	position:absolute;
	top:230px;
	left:10px;
	
  width:790px;
  background-color: rgba(255,255,255,0.6);
  border-radius:10px;
  border:1px solid #666666;
  padding:10px;
}
@media screen and (max-width:480px){
	.top-foto_is .gaiyoubox{
		  display: block;
	  flex-direction: none;
	  justify-content: none;
		  width:95%;
		margin:320px auto 0 auto;
	}

}

.top-foto_is .gaiyoubox .komidashi{
	font-size:1.6rem;
	font-weight:700;
	line-height:1.5;
}

.top-foto_is .gaiyoubox .read{
	font-size:1.5rem;
	line-height:1.5;
	margin:0 0 0 10px;
}
.top-foto_is .gaiyoubox .read span{
	font-weight:700;
	color:#ff0000;
}

.top-foto_is .gaiyoubox2{
	background:#fdffc9;
	border:1px solid #ff0000;
	padding:10px;
	font-size:1.5rem;
	line-height:1.5;
	border-radius:5px;
	margin:10px 0;
}



.top-foto_is .groupbox h2{
  background-color: rgba(255,255,255,0.6);
  border-radius:10px;
  padding:5px;
	font-size:2.7rem;
	font-weight:700;
	line-height:1.4;
	margin:10px 0 5px 0;
	color:#1673db;
	text-align:center;
}
@media screen and (max-width:480px){
	.top-foto_is .groupbox h2{
		font-size:2.2rem;
	}

}


.top-foto_is .groupbox h2 .title2{
	font-size:2.5rem;
}
@media screen and (max-width:480px){
	.top-foto_is .groupbox h2 .title2{
		font-size:2.1rem;
	}
}


.top-foto_is .groupbox h2 .title3{
	font-size:2.1rem;
	color:#000000;
}
@media screen and (max-width:480px){
	.top-foto_is .groupbox h2 .title3{
		font-size:2.0rem;
	}
}



.top-foto_is .groupbox1{
	border-radius:10px;
  width:380px;
  background-color: rgba(155,189,240,0.6);
  padding:10px;
	
}
@media screen and (max-width:480px){
	.top-foto_is .groupbox1{
	  width:95%;
	  margin:0 auto 0 auto;
		
	}
}



.top-foto_is .groupbox1 .read{
	padding:0 20px;
	font-size:1.1rem;
	line-height:1.4;
	color:#505eab;
	font-weight:700;
}




.top-foto_is .groupbox2{
	border-radius:5px;
  width:380px;
  margin:0 0 0 20px;
  background-color: rgba(162,175,243,0.6);
  padding:10px;
	
}
@media screen and (max-width:480px){
	.top-foto_is .groupbox2{
	  width:95%;
	  margin:10px auto 0 auto;
		
	}
}


.top-foto_is .groupbox2 .read{
	padding:0 0px;
	font-size:1.1rem;
	line-height:1.4;
	color:#505eab;
	font-weight:700;
}



.top-foto{
	position:relative;
	background-image:url("../img/isme_top_new.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	width:1080px;
	height:450px;


}
@media screen and (max-width:480px){
	.top-foto{
		background-image: url("../img/isme_top_new.jpg");
		background-repeat: no-repeat;
		width:100%;
		height:155px;
		background-size:100% auto;
	}
}


/* 印刷時のバックグラウンドが出てこない不具合を解除 */
@media print{
	.top-foto{
		content: url("../img/isme_top_new.jpg");
	}
}


.top-foto-img{
	width: 100%;
}




.top-foto .datebox{
	background:rgba(255,255,255,0.8);
	padding:5px 10px;
	display:inline-block;
	margin:30px 0 0 70px;
}
@media screen and (max-width:480px){
	.top-foto .datebox{
		margin:30px 0 10px 10px;
		padding:7px 10px;
	}

}
.top-foto .datebox .komidashi101{
	font-size:2.0rem;
	font-weight:700;
	margin:0 0 5px 0;

}
.top-foto .datebox .honbun101{
	font-size:1.5rem;
	line-height:1.5;

}
.top-foto .datebox .honbun201{
	font-size:1.7rem;
	font-weight:700;
	color:#ff0000;
	line-height:1.5;

}

.top-foto .datebox .honbun1{
	font-size:2.0rem;
	margin:0 0 5px 0;

}
@media screen and (max-width:480px){
	.top-foto .datebox .honbun1{
		font-size:1.5rem;
		margin:0 0 5px 0;

	}
}


.top-foto .datebox .honbun3{
	font-size:1.5rem;
	margin:0 0 4px 0;
	text-align:left;

}
@media screen and (max-width:480px){
	.top-foto .datebox .honbun3{
		font-size:1.5rem;
		margin:0 0 5px 0;

	}
}
.top-foto .datebox .honbun3_2{
	font-size:1.7rem;
	font-weight:700;
	margin:8px 0 8px 0;
	text-align:left;

}
@media screen and (max-width:480px){
	.top-foto .datebox .honbun3_2{
		font-size:1.5rem;
		margin:0 0 5px 0;

	}
}


.top-foto .datebox .honbun_date{
	font-size:3.4rem;
	font-weight:800;
	margin:15px 0 10px 0;

}
@media screen and (max-width:480px){
	.top-foto .datebox .honbun_date{
		font-size:2.3rem;
		font-weight:800;
		margin:10px 0 10px 0;

	}
}


.top-foto .datebox .honbun_date span{
	font-size:2.4rem;
}
@media screen and (max-width:480px){
	.top-foto .datebox .honbun_date span{
		font-size:1.6rem;
	}
}

.top-foto .ass_name{
	font-size:1.5rem;
	margin:0px 30px 0px 20px;
	text-align:left;
	padding:30px 0 0 10px;

}
@media screen and (max-width:480px){
	.top-foto .ass_name{
		font-size:1.4rem;
		margin:10px 10px 10px 0;
		padding:10px 0 0 10px;

	}
}


.top-foto .datebox hr{
	height: 5px;
	 background-color: #000000;
	 border: none;
}
@media screen and (max-width:480px){
	.top-foto .datebox hr{
		height: 3px;
	}
}


.top-foto .isf_table{
	background:rgba(255,255,255,0.8);
	padding:10px 5px;
	display:block;
	margin:60px 10px 0 70px;
	float:left;
	width:490px;
}
@media screen and (max-width:480px){
	.top-foto .isf_table{
		background:rgba(255,255,255,0.8);
		padding:10px 0px;
		display:block;
		margin:40px auto 0 auto;
		float:none;
		width:95%;
	}
}
.top-foto .isf_table .txt1{
	font-size:1.5rem;
	line-height:1.5;
	text-align:center;
	margin:0 0 7px 0;
}
@media screen and (max-width:480px){
	.top-foto .isf_table .txt1{
		font-size:1.4rem;
	}
}


.top-foto .isf_table .txt2{
	font-size:1.7rem;
	font-weight:700;
	line-height:1.5;
	text-align:center;
	text-decoration:underline;
}

.top-foto .isf_table .txt1 span{
	font-size:1.4rem;
	background:#ff0000;
	border-radius:5px;
	padding:3px 5px;
	margin:0 0 5px 0;
	color:#ffffff;
}





.intro{
	padding: 10px 5px 30px 5px;
	font-size: 1.5rem;
	text-align: center;
	color: #0A51A1;
	background:#d7d7d7;
}
@media screen and (max-width:480px){
	.intro{
		margin:100px 0 0 0;
		padding:10px 0 50px 0;
	}
}

.intro .blue_midashi{
	text-align: center;
	background-color: #0A51A1;
	margin:20px auto 20px auto;
	padding:10px 5px;
	color:white;
	width:70%;
}
@media screen and (max-width:480px){
	.intro .blue_midashi{
		width:95%;
	}
}


.intro .blue_midashi .shimekiridate{
	background:#ffffff;
	padding:10px;
	width:490px;
	margin:0 auto;
	display:block;
	font-size:2.1rem;
	color:#ff0000;
}
@media screen and (max-width:480px){
	.intro .blue_midashi .shimekiridate{
		padding:10px 5px;
		width:98%;
		font-size:1.6rem;
	}
}

.intro .blue_midashi .shimekiridate span{
	font-size:2.4rem;
	font-weight:700;
	color:#000000;
	margin:0 10px 0 0;
}
@media screen and (max-width:480px){
	.intro .blue_midashi .shimekiridate span{
		font-size:1.5rem;
	}
}


.intro .grade{
	font-size:2.9rem;
	font-weight:700;
	color:#1673db;
	margin:0 0 20px 0;
}




.intro .gradebox{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
@media screen and (max-width:480px){
	.intro .gradebox{
	  display: block;
	  flex-direction: none;
	  justify-content: none;
	}
}


.intro .gradebox .gradebox2{
  background:#ffffff;
  border-radius:5px;
  width:46%;
  padding:10px;
}
@media screen and (max-width:480px){
	.intro .gradebox .gradebox2{
	  background:#ffffff;
	  border-radius:5px;
	  width:95%;
	  margin:10px auto;
	  display:block;
	}
}



.intro .gradebox .gradebox2 .midashibox{
	width:100%;
	border-bottom:1px solid #1673db;
	padding:10px 0;
}

.intro .gradebox .gradebox2 .midashibox img{
	width:120px;
	float:left;
	margin:15px 0 0 0;
}
@media screen and (max-width:480px){
	.intro .gradebox .gradebox2 .midashibox img{
		width:120px;
		float:none;
		margin:15px auto 0 auto;
	}

}


.intro .gradebox .gradebox2 .midashibox h3{
	font-size:2.0rem;
	line-height:1.4;
	font-weight:700;
	text-align:left;
	color:#1673db;
}
@media screen and (max-width:480px){
	.intro .gradebox .gradebox2 .midashibox h3{
		text-align:center;
	}
}



.intro .gradebox .gradebox2 .midashibox h3 span{
	font-size:2.5rem;
}
.intro .gradebox .gradebox2 h4{
	text-align:left;
	font-size:1.6rem;
	font-weight:700;
	color:#2a2c8e;
	margin:10px 0;
}

.intro .introread1{
	font-size: 1.8rem;
	line-height:1.5;
	
}
@media screen and (max-width:480px){
	.intro .introread1{
		padding:30px 0 0 0;
	}
}


.intro .introread2{
	font-size: 2.7rem;text-decoration: underline solid; font-weight: 700;
	
}
@media screen and (max-width:480px){
	.intro .introread2{
		font-size: 2.0rem;
		
	}
}

.intro .introread3{
	line-height: 2.4rem; font-weight: 700;
	text-align:left;
}
@media screen and (max-width:480px){
	.intro .introread3{
		padding:5px 5px;
	}
}

.intro .introread4{
	font-size: 1.4rem;
	line-height:1.4;
	margin:35px 0 0 0;
	color:#000000;
}
@media screen and (max-width:480px){
	.intro .introread4{
		margin:25px 0 0 0;
		color:#000000;
		text-align:left;
		padding-left:1em;
		text-indent:-1em;
	}
}


.intro .txtlinkbox{
	width:400px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  float:right;
  margin:10px 0 30px 0;
	
}
@media screen and (max-width:480px){
	.intro .txtlinkbox{
		width:100%;
	  float:none;
	  margin:200px auto 40px auto;
		
	}
}


.intro .txtlinkbox a{
	font-size:1.5rem;
	color:#000000;
	text-decoration:underline;
}
@media screen and (max-width:480px){
	.intro .txtlinkbox a{
		font-size:1.4rem;
	}
}

.intro .campaign_bnr{
	width:500px;
	margin:10px auto 0px auto;
	display:block;
}
@media screen and (max-width:480px){
	.intro .campaign_bnr{
		width:90%;
	}

}






.intro_new{
	padding: 10px 5px 30px 5px;
	font-size: 1.5rem;
	text-align: center;
	color: #0A51A1;
	background:#d7d7d7;
}
@media screen and (max-width:480px){
	.intro_new{
		margin:680px 0 0 0;
		padding:10px 0 10px 0;
	}
}

.intro_new .blue_midashi{
	text-align: center;
	background-color: #0A51A1;
	margin:20px auto 20px auto;
	padding:10px 5px;
	color:white;
	width:70%;
}
@media screen and (max-width:480px){
	.intro_new .blue_midashi{
		width:95%;
	}
}


.intro_new .blue_midashi .shimekiridate{
	background:#ffffff;
	padding:10px;
	width:490px;
	margin:0 auto;
	display:block;
	font-size:2.1rem;
	color:#ff0000;
}
@media screen and (max-width:480px){
	.intro_new .blue_midashi .shimekiridate{
		padding:10px 5px;
		width:98%;
		font-size:1.6rem;
	}
}

.intro_new .blue_midashi .shimekiridate span{
	font-size:2.4rem;
	font-weight:700;
	color:#000000;
	margin:0 10px 0 0;
}
@media screen and (max-width:480px){
	.intro_new .blue_midashi .shimekiridate span{
		font-size:1.5rem;
	}
}


.intro_new .grade{
	font-size:2.9rem;
	font-weight:700;
	color:#1673db;
	margin:0 0 20px 0;
}




.intro_new .gradebox{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
@media screen and (max-width:480px){
	.intro_new .gradebox{
	  display: block;
	  flex-direction: none;
	  justify-content: none;
	}
}


.intro_new .gradebox .gradebox2{
  background:#ffffff;
  border-radius:5px;
  width:46%;
  padding:10px;
}
@media screen and (max-width:480px){
	.intro_new .gradebox .gradebox2{
	  background:#ffffff;
	  border-radius:5px;
	  width:95%;
	  margin:10px auto;
	  display:block;
	}
}



.intro_new .gradebox .gradebox2 .midashibox{
	width:100%;
	border-bottom:1px solid #1673db;
	padding:10px 0;
}

.intro_new .gradebox .gradebox2 .midashibox img{
	width:120px;
	float:left;
	margin:15px 0 0 0;
}
@media screen and (max-width:480px){
	.intro_new .gradebox .gradebox2 .midashibox img{
		width:120px;
		float:none;
		margin:15px auto 0 auto;
	}

}


.intro_new .gradebox .gradebox2 .midashibox h3{
	font-size:2.0rem;
	line-height:1.4;
	font-weight:700;
	text-align:left;
	color:#1673db;
}
@media screen and (max-width:480px){
	.intro_new .gradebox .gradebox2 .midashibox h3{
		text-align:center;
	}
}



.intro_new .gradebox .gradebox2 .midashibox h3 span{
	font-size:2.5rem;
}
.intro_new .gradebox .gradebox2 h4{
	text-align:left;
	font-size:1.6rem;
	letter-spacing: 0.2em; /* ← 文字間隔を広げる */
	font-weight:700;
	color:#2a2c8e;
	margin:10px 0;
}
.intro_new .gradebox .gradebox2 .honbun{
	text-align:left;
	font-size:1.5rem;
	line-height:1.5;
	letter-spacing: 0.2em; /* ← 文字間隔を広げる */
	color:#000000;
}

.intro_new .introread1{
	font-size: 1.8rem;
	line-height:1.5;
	
}
@media screen and (max-width:480px){
	.intro_new .introread1{
		padding:30px 0 0 0;
	}
}


.intro_new .introread2{
	font-size: 2.7rem;text-decoration: underline solid; font-weight: 700;
	
}
@media screen and (max-width:480px){
	.intro_new .introread2{
		font-size: 2.0rem;
		
	}
}

.intro_new .introread3{
	line-height: 2.4rem; font-weight: 700;
	text-align:left;
}
@media screen and (max-width:480px){
	.intro_new .introread3{
		padding:5px 5px;
	}
}

.intro_new .introread4{
	font-size: 1.4rem;
	line-height:1.4;
	margin:35px 0 0 0;
	color:#000000;
}
@media screen and (max-width:480px){
	.intro_new .introread4{
		margin:25px 0 0 0;
		color:#000000;
		text-align:left;
		padding-left:1em;
		text-indent:-1em;
	}
}


.intro_new .txtlinkbox{
	width:400px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  float:right;
  margin:10px 0 30px 0;
	
}
@media screen and (max-width:480px){
	.intro_new .txtlinkbox{
		width:100%;
	  float:none;
	  margin:200px auto 40px auto;
		
	}
}


.intro_new .txtlinkbox a{
	font-size:1.5rem;
	color:#000000;
	text-decoration:underline;
}
@media screen and (max-width:480px){
	.intro_new .txtlinkbox a{
		font-size:1.4rem;
	}
}

.intro_new .campaign_bnr{
	width:500px;
	margin:10px auto 0px auto;
	display:block;
}
@media screen and (max-width:480px){
	.intro_new .campaign_bnr{
		width:90%;
	}

}







.ff{
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	text-align: center;
	font-size: 1.6rem;
	background:#7cb0e0;
	background-size: cover;
	width:50%;
	margin:10px auto;
}
@media screen and (max-width:480px){
	.ff{
		width:80%;
	}
}


.ff .hajimete_read{
	line-height:3rem;
	font-weight:700;

}
.ff .kojinjoho_toha_btn{
	margin: 0px auto 0 auto;
	padding:10px 10px;
	color:#ffffff;
	display:inline-block;
	text-decoration:underline;
	font-size:2.0rem;

}

.news{
	padding-top: 30px;
	padding-bottom: 20px;
	padding-left: 7rem;
}
.newsall{
	margin-right: 50px;
	display: inline-block;
	float: right;
	font-size: 1.5rem;
	color:#070088 ;
}


#information{
	margin:0 auto;
	max-width:1080px;
	clear:both;
	overflow:auto;
}
#information .komidashi{
	font-size:1.8rem;
	font-weight:bold;
	margin:10px 0 10px 0;

	padding-left:10px;
	border-left:solid 10px #d7030a;
	margin:10px 0 10px 10px;


}
#information li{
	font-size:1.6rem;
	list-style: square;
	padding-left:1em;
	text-indent:-1em;
	margin:0 0 0 20px;
	text-decoration:underline;
	line-height:1.9;
}
@media screen and (max-width:480px){
	#information li{
		font-size:1.5rem;
		list-style: square;
		margin:0 0 0 5px;
		text-decoration:underline;
		line-height:1.5;
	}
}

#information li span{
	font-weight:bold;
	color:#036eea;
}


#information dl.info2{
	width:95%;
	height:220px;
	overflow-y:scroll;
	border:1px solid #999999;
	margin:15px auto;
	font-size:1.4rem;
	line-height:1.6;
	display:flex;
	flex-wrap:wrap;
	padding:5px;
}
@media screen and (max-width:480px){
    #information dl.info2{
	    width:100%;
	    height:160px;
    }
}

#information dl.info2 dt.date{
	width:80px;
	padding:5px;
	border-bottom:1px solid #999999;
	margin-bottom:10px;
}
@media screen and (max-width:480px){
    #information dl.info2 dt.date{
	    width:20%;
	    border-bottom:0px;
	    margin-bottom:0px;
	    margin-top:5px;
    }
}





#information dl.info2 dd{
	    width:100%;
	padding:5px;
	border-bottom:1px solid #999999;
	margin-bottom:10px;
}
@media screen and (max-width:480px){
    #information dl.info2 dd{
	    width:100%;
    }
}

#information dl.info2 .icon{
	font-size:1.3rem;
	padding:1px 3px;
	border:1px solid #0119ae;
	background:#0119ae;
	border-radius:5px;
	color:#ffffff;
	font-weight:700;
	margin:0 10px 5px 10px;
}
@media screen and (max-width:480px){
	#information dl.info2 .icon{
		clear:both;
	}
}

@media screen and (max-width:480px){
	#information dl.info2 .honbun{
		width:100%;
		float:left;
	}
}



.wrapper1{
	padding: 40px;
	background-image: url(../img/piip_wallpaper.jpg);
	background-size: cover;
}
@media screen and (max-width:480px){
	.wrapper1{
		padding: 10px;
	}
}


@media print {
  body {
    -webkit-print-color-adjust: exact; /* 背景を正しく印刷 */
    print-color-adjust: exact;
    margin: 0; /* ブラウザの余白を除去 */
  }

  .wrapper1 {
    padding: 0; /* 余白をリセット */
    background-size: 100% 100%; /* coverだと拡大しやすい */
    background-attachment: fixed;
  }
}


.info{
	padding: 10px;
	background-color: white;
	display:inline-block;
}
@media screen and (max-width:480px){
	.info{
		padding: 20px 10px;
		background-color: white;
		width:100%;
	}

}



.info .newtitlebox{
	border:2px solid #000000;
	padding:10px;
	display:inline-block;
	margin:10px 0;
	
}
.info .newtitlebox .komidashi101{
	font-size:18px;
	line-height:1.5;
	font-weight:700;
	
}
.info .newtitlebox .honbun101{
	font-size:15px;
	line-height:1.5;
	
}

.info .newtitlebox .honbun201{
	font-size:17px;
	line-height:1.5;
	margin:5px 0;
	font-weight:700;
	color:#ff0000;
	
}
.info .newtitlebox .honbun301{
	border:1px solid #000000;
	padding:5px;
	
}

.info .newtitlebox .honbun301 p{
	font-size:15px;
	line-height:1.5;
padding-left:1em;
text-indent:-1em;
	margin:0 0 0 10px;
	
	
}

.info .newtitlebox li{
	font-size:15px;
	line-height:1.5;
	list-style: none;
	margin:0 0 0 10px;
}

.info .newtitlebox li::before{
  content: '・';
	
}




.info .grand_midashi{
	background:#0A51A1;
	color:#ffffff;
	font-size:2.0rem;
	font-weight:700;
	padding:10px 20px;
	display:block;
	margin:0 0 20px 0;
}


















.wrapper1 .info .komidashi{
	font-size:3.0rem;
	line-height:1.5;
}
@media screen and (max-width:480px){
	.wrapper1 .info .komidashi{
		font-size:1.8rem;
	}
}




.wrapper1 .info .blue_midashi{
	text-align: center;
	background-color: #0A51A1;
	margin-bottom:20px;
	padding:10px 5px; color:white;
}

.wrapper1 .info .blue_midashi .shimekiridate{
	background:#ffffff;
	padding:10px;
	width:490px;
	margin:0 auto;
	display:block;
	font-size:2.1rem;
	color:#ff0000;
}
@media screen and (max-width:480px){
	.wrapper1 .info .blue_midashi .shimekiridate{
		padding:10px 5px;
		width:98%;
		font-size:1.4rem;
	}
}




.wrapper1 .info .blue_midashi .shimekiridate span{
	font-size:2.4rem;
	font-weight:700;
	color:#000000;
	margin:0 10px 0 0;
}
@media screen and (max-width:480px){
	.wrapper1 .info .blue_midashi .shimekiridate span{
		font-size:1.5rem;
	}
}


.wrapper1 .info .komidashi2{
	font-size:3.0rem;
	color:#ffffff;
}
@media screen and (max-width:480px){
	.wrapper1 .info .komidashi2{
		font-size:2.0rem;
	}
}

.wrapper1 .info .komidashi_new{
	font-size: 2rem;
	font-weight:500;
	margin:20px 0 5px 0px;
}

.wrapper1 .info .buttonbox{
	margin:10px 0 0 0;

}

.wrapper1 .info .buttonbox .btn2{
	border: #000000 solid 1px;
	width: 45%;
	display : inline-block;
	padding: 12px 18px;
	font-size: 1.7rem;
	color: #000000;
	background-color: #ffffff;
	border-radius:10px / 10px;
	line-height: 3rem;
	float: left;
	margin:10px 0 0 10px;
}
@media screen and (max-width:480px){
	.wrapper1 .info .buttonbox .btn2{
		width: 100%;
		margin:10px 0 0 0px;
	}

}

.guidance {
	border:1px solid #666666;
	margin:10px 0 0 0;
	background:#ffffff;

}

.guidance .midashi {
	font-size:1.7rem;
	font-weight:bold;
	line-height:1.7;
	color:#ffffff;
	background:#666666;
	padding:5px;

}
.guidance .honbun {
	font-size:1.5rem;
	line-height:1.4;
	margin:10px;
	padding-left:-1em;
	text-indent:1em;

}


/*----------------------------------------------------
	bottom_info
----------------------------------------------------*/
#bottom_info .banner ul::after,
#bottom_info .kigyo ul::after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#bottom_info .kigyo{
	margin:0 0 50px 0;
}
#bottom_info .kigyo h5{
	font-weight:700;
	font-size:2.0rem;
	color:#036EEC;
	text-align:center;
	line-height:1.4;
	margin:10px 0 0 0;
}
@media screen and (max-width:480px){
	#bottom_info .kigyo h5{
		font-size:1.8rem;
	}
}


#bottom_info .kigyo .link_sara{
	color:#565656;
	font-size:1.7rem;
	text-decoration:underline;
	text-align:center;
	margin:20px auto 0 auto;
}





#bottom_info .kigyo ul{
	width:100%;
	margin:0 auto;
}
@media screen and (max-width:480px){
	#bottom_info .kigyo ul{
		width:100%;
	}
}






#bottom_info .kigyo ul li{
	color:#036EEC;
	display:block;
	float:left;
	font-size:1.5rem;
	margin:10px 20px 0 0;
}
#bottom_info .kigyo p{
	width:70%;
	max-width:720px;
	border-bottom:1px solid #999999;
	font-size:2rem;
	margin:30px auto;
}
#bottom_info .kigyo div{
	width:50%;
	margin:0 auto;
}
@media screen and (max-width:480px){
	#bottom_info .kigyo div{
		width:100%;
	}
}
#bottom_info .kigyo div img{
	width:100%;
}
#bottom_info .banner div{
	width:50%;
	float:left;
}
@media screen and (max-width:480px){
	#bottom_info .banner div{
		width:100%;
		float:none;
	}
}
#bottom_info .banner div img{
	width:100%;
}
#bottom_info .banner ul li{
	width:25%;
	float:left;
	font-size:1.6rem;
	text-align:center;
}
@media screen and (max-width:480px){
	#bottom_info .banner ul li{
		font-size:1.5rem;
		width:50%;
	}
}
#bottom_info .banner ul li a{
	background:#ffffff;
	display:block;
	color:#666666;
	padding:80px 0;
}
#bottom_info .banner ul li.eins a,
#bottom_info .banner ul li.drei a{
	background:#E4E4E5;
}
@media screen and (max-width:480px){
	#bottom_info .banner ul li.vier a{
		background:#E4E4E5;
	}
	#bottom_info .banner ul li.drei a{
		background:#ffffff;
	}
}
#bottom_info .banner ul li a:hover{
	background:#dddddd;
	color:#ff9900;
}

.list-wrapper{
}

.list-wrapper h2{
	text-align:left;
	font-size:2.8rem;
	font-weight:700;
	line-height:1.5;
}
@media screen and (max-width:480px){
	.list-wrapper h2{
		text-align:center;
		font-size:1.9rem;
	}
}


.list-wrapper h3{
	text-align:left;
	font-size:1.7rem;
	font-weight:700;
	line-height:1.5;
	margin:10px 0 0 0;
}
.list-wrapper h4{
	text-align:left;
	font-size:1.5rem;
	font-weight:600;
	line-height:1.5;
	margin:5px 0 0 10px;
}
.list-wrapper .gaiyouhonbun{
	text-align:left;
	font-size:1.5rem;
	line-height:1.5;
	margin:0px 0 0 20px;
}

.list-wrapper .gaiyouhonbun a{
	text-decoration:underline;
}


.list-wrapper .gaiyouhonbun2{
	text-align:left;
	font-size:1.5rem;
	line-height:1.5;
	margin:0px 0 0 10px;
}
.list-wrapper .gaiyoukomidashi{
	text-align:left;
	font-size:1.5rem;
	font-weight:700;
	line-height:1.5;
	margin:10px 0 0 20px;
}
.list-wrapper .gaiyouhonbun3{
	text-align:left;
	font-size:1.4rem;
	line-height:1.5;
	margin:0px 0 0 20px;
}
.list-wrapper .gaiyouhonbun4{
	text-align:left;
	font-size:1.5rem;
	line-height:1.5;
	margin:0px 0 0 20px;
}

.list-wrapper .box1{
	width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2rem;
	float:left;
}
@media screen and (max-width:480px){
	.list-wrapper .box1{
		width: 100%;
	}
}

.list-wrapper .box1 hr{
	margin:10px 0 15px 0;
}



.list-wrapper .box1 .komidashi{
	font-size: 2rem;
	font-weight:500;
	margin:20px 0 5px 0px;
}
.list-wrapper .box1 .honbun_box1{
	margin:0 0 0 10px;
	font-size: 1.6rem;
	font-weight:normal;
	line-height:1.4;
}


.list-wrapper .box1 .honbun_box4{
	margin:0 0 10px 20px;
	font-size: 1.6rem;
	font-weight:normal;
	line-height:1.4;
}



.list-wrapper .box1 .honbun_box_link{
	margin:5px 0 0 0px;
	font-size: 1.6rem;
	font-weight:normal;
	line-height:1.4;
}

.list-wrapper .box1 .honbun_box_link a{
	text-decoration:underline;
}

.list-wrapper .box1 .honbun_box2{
	margin:5px 0 0 10px;
	font-size: 1.5rem;
	font-weight:normal;
	line-height:1.4;
padding-left:1em;
text-indent:-1em;
}

.list-wrapper .box1 .honbun_box2 span{
	color:#ff0000;
}


.list-wrapper .box1 .komidashi_zyukenhouhou{
	margin:5px 0 0 10px;
	font-size: 1.6rem;
	font-weight:700;
}

.list-wrapper .box1 .honbun_box3{
	margin:5px 0 0 20px;
	font-size: 1.5rem;
	font-weight:normal;
	line-height:1.4;
}


.gaiyou-wrapper2 .houjin_info{
	padding:10px;
	margin:10px 0 0 0;
	background:#ffffff;
}

.gaiyou-wrapper2 .houjin_info .honbun{
	font-size: 1.5rem;
	line-height:1.5;
	padding-left:1em;
	text-indent:-1em;
}




.list-wrapper .box2{
	width: 50%;
	float:left;
}
@media screen and (max-width:480px){
	.list-wrapper .box2{
		width: 100%;
		margin:10px 0 0 0;
	}
}







.list-wrapper .btnbox_narrow{
		border:1px solid #ee6419;
		width:280px;
		padding:5px;
		background:#ee6419;
		margin:5px 0 5px 10px;
		font-size:1.5rem;
		font-weight:700;
		line-height:1.5;
		text-align:center;
			color:#ffffff;
		

}
@media screen and (max-width:480px){
	.list-wrapper .btnbox_narrow{
			width:90%;
			margin:20px auto;
			display:block;
	}
}

.list-wrapper .btnbox_narrow:hover{
		border:1px solid #ee6419;
		background:#ffeadf;
		color:#000000;

}





.list-wrapper .btnbox_narrow span{
		margin:-10px 0 0 0;
		line-height:1.5;
		float:right;
		color:#ffffff;

}
.list-wrapper .btnbox_narrow span:hover{
		color:#000000 !important;
		pointer-events: auto;
}




.list-wrapper .btnbox_wide{
		border:1px solid #ee6419;
		padding:5px;
		width:340px;
		background:#ee6419;
		margin:5px 0;
		font-size:1.5rem;
		font-weight:700;
		line-height:1.4;
		text-align:center;
		color:#ffffff;

}
@media screen and (max-width:480px){
	.list-wrapper .btnbox_wide{
			width:90%;
			margin:20px auto;
			display:block;
	}
}


.list-wrapper .btnbox_wide:hover{
		border:1px solid #ee6419;
		background:#ffeadf;
		color:#000000;
}




.list-wrapper .btnbox_wide i{
		float:right;
		line-height:1.5;
		margin:-10px 0 0 0;
		color:#ee6419;

}
.list-wrapper .btnbox_wide span{
		margin:-10px 0 0 0;
		line-height:1.5;
		float:right;
		color:#ffffff;

}

.list-wrapper .btnbox_wide span:hover{
		color:#000000 !important;
		pointer-events: auto;
}


.list-wrapper .box1 .typebox{
	width:60%;
	float:left;
}
@media screen and (max-width:480px){
	.list-wrapper .box1 .typebox{
		width:100%;
		float:none;
	}
}













.btn3{
	border: #000000 solid 1px;

	width: 45%;
	display : inline-block;
	padding       : 12px 18px;
	font-size: 1.7rem;
	color: #000000;
	background-color: #ffffff;
	border-radius:10px / 10px;
	line-height: 3rem;
	float: right;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
.kigyou{

	padding: 120px;
	color: #0074f8;
}
.more{
	font-weight: 800;
	margin-top: 30px;
	color: black;
	font-size: 1.5rem;
}


.tantou-wrapper{
	width: 100%;
	background-image: url(../img/12031.jpg);
	background-size: cover;
	background-position: 23% 23%;
	height: 170px;
	font-size: 3rem;
	color: white;
}
.bg{
    height: 100%;
    background-color: rgba(8, 8, 8, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
}

.test-wrapper1{
	width: 50%;
	background-image: url(../img/pixta_64044970_XL.jpg);
	background-size: cover;
	background-position: 23% 23%;
	height: 170px;
	font-size: 2rem;
	color: white;
	margin-top: 40px;
}

.bg2{
    height: 100%;
    background-color: rgba(8, 8, 8, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
}
.test-wrapper2{
	width: 50%;
	background-image: url(../img/2160.jpg);
	background-size: cover;
	background-position: 60% 60%;
	height: 170px;
	font-size: 2rem;
	color: white;
	margin-top: 40px;
}
.bg3{
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
}

.test-wrapper3{
	width: 50%;
	background-image: url(../img/21.jpg);
	background-size: cover;
	background-position: 30% 30%;
	height: 170px;
	font-size: 2rem;
	color: white;

}
.bg4{
    height: 100%;
    background-color: rgba(255, 196, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
}
.test-wrapper4{
	width: 50%;
	background-image: url(../img/NNS%E5%95%8F%E9%A1%8C%E9%9B%862%E7%B4%9A.jpg);
	background-size: cover;
	background-position: 10% 10%;
	height: 170px;
	font-size: 2rem;
	color: white;

}
.bg5{
    height: 100%;
    background-color: rgba(6, 64, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}

.test{
	font-size: 2rem;
	text-align: center;
	display: flex;
}

.fourlist{
	display: flex;
	text-align: center;
}
.graylist{
	width: 25%;
	height: 140px;
	line-height: 140px;
	color: black;
	background-color: rgb(202, 202, 202);
	font-weight: 700;
	font-size: 1.3rem;
}
.whitelist{
	width: 25%;
	height: 140px;
	line-height: 140px;
	color: black;
	background-color: white;
	font-weight: 700;
	font-size: 1.3rem;
}
.gaiyou-wrapper{
	padding: 20px 20px;
	background-color: rgb(230, 230, 230);
}
@media screen and (max-width:480px){
	.gaiyou-wrapper{
		padding: 20px 10px;
		background-color: rgb(230, 230, 230);
		width:100%;
	}
}

.gaiyou-wrapper .btn{

	border: #000000 solid 1px;

	width: 48%;
	display : inline-block;
	padding       : 12px 18px;
	font-size: 1.7rem;
	color: #000000;
	background-color: #ffffff;
	border-radius:10px / 10px;
	line-height: 3rem;
	margin:10px 10px 0 0;
}
@media screen and (max-width:480px){
	.gaiyou-wrapper .btn{
	float: none;
	margin:10px auto 0 auto;
		width: 100%;
	}
}


.gaiyou-wrapper .gaiyou{
	padding: 20px 20px;
	background-color: white;
	display:inline-block;
}
@media screen and (max-width:480px){
	.gaiyou-wrapper .gaiyou{
		padding: 10px 10px;
		width:100%;
	}

}
.gaiyou-wrapper .gaiyou .honbun{
	font-size:1.5rem;
	line-height:1.4;
}

.gaiyou-wrapper .gaiyou .kakushu_li{
	font-size:1.5rem;
	line-height:1.4;
	list-style:none;
	color:blue;
	text-decoration:underline;
}

.gaiyou-wrapper .gaiyou .kakushu_li::before{
	content:"・";
}



.gaiyou-wrapper .gaiyou .komidashi_new{
	margin: 25px 0 4px 0;
	font-size: 2.0rem;
	padding:0 0 0 4px;
	
}

.gaiyou-wrapper2{
	padding: 0px 0px;
}
@media screen and (max-width:480px){
	.gaiyou-wrapper2{
		padding: 20px 0px;
		width:100%;
	}
}

.gaiyou-wrapper2 .gaiyou{
	padding: 10px 10px;
	background-color: white;
	display:inline-block;
}
@media screen and (max-width:480px){
	.gaiyou-wrapper2 .gaiyou{
		padding: 10px 0px;
		width:100%;
	}

}
.gaiyou-wrapper2 .gaiyou .honbun{
	font-size:1.5rem;
	line-height:1.4;
}


.gaiyou-wrapper2 .gaiyou .komidashi_new{
	margin: 17px 0 4px 0;
	font-size: 2.3rem;
	font-weight:700;
	padding:0 0 0 4px;
	text-align:center;
	
}



.kakusyu-wrapper{
	width: 100%;
	margin:15px 0;
}


.kakusyu-wrapper .arrowlink{
	width: 100%;
	text-align:right;
	color:blue;
	font-size:1.5rem;
	line-height:1.5;
	margin-top:10px;
	
}



.kakusyu-wrapper .img_tmp{
	float:left;
	margin:0 10px 0 0;
}
@media screen and (max-width:480px){
	.kakusyu-wrapper .img_tmp{
		float:none;
		margin:0 auto 0 auto;
		display:block;
	}

}


.kakusyu-wrapper .kakusyu{
	width: 48%;
	border-bottom: gray solid 0px;
	font-size: 2rem;
	float:left;
	margin:10px 13px 0 0;
}
@media screen and (max-width:480px){
	.kakusyu-wrapper .kakusyu{
	font-size: 1.7rem;
		width: 100%;
		margin:0 0 10px 0;
	}
}


.kakusyu-wrapper .kakusyu i{
	float:right;
}


.kakusyu-wrapper .kakusyu-online{
		width: 100%;
	border-bottom: gray solid 1px;
	font-size: 2rem;
	float:left;
	margin:10px 15px 0 0;
}
@media screen and (max-width:480px){
	.kakusyu-wrapper .kakusyu-online{
	font-size: 1.7rem;
		width: 100%;
		margin:0 0 10px 0;
	}
}


.kakusyu-wrapper .kakusyu-online i{
	float:right;
}






.kakusyu-moji{
	font-weight: 700;
	margin:10px 0 5px 0;
}

.kakusyu-wrapper .kakusyu_naiyou{
	display:none;
	clear:both;
	width:100%;
	padding:10px 0 0 0;
}

.kakusyu-wrapper .kakusyu_naiyou p{
	font-size:1.5rem;
	line-height:1.4;
	margin:0 0 0 10px;
}

.kakusyu-wrapper .kakusyu_naiyou .button{
	font-size:1.6rem;
	background: linear-gradient(#204da0, #6183c2);
	color:#ffffff;
	padding:4px 10px;
	border:1px solid #204da0;
	border-radius:5px;
	margin:15px 0 10px 0;
	float:right;
	display:inline-block;
}
@media screen and (max-width:480px){
	.kakusyu-wrapper .kakusyu_naiyou .button{
		display:block;
		width:100%;
		text-align:center;
		font-size:1.7rem;
	}
}


.kakusyu-wrapper .kakusyu_naiyou .button2{
	font-size:1.5rem;
	background: #000000;
	color:#ffffff;
	padding:4px 10px;
	border:1px solid #204da0;
	border-radius:5px;
	margin:5px 0 10px 0;
	float:right;
	display:inline-block;
}
@media screen and (max-width:480px){
	.kakusyu-wrapper .kakusyu_naiyou .button2{
		display:block;
		width:100%;
		text-align:center;
		font-size:1.6rem;
	}
}

/*fontawesome対策*/

.kakusyu-wrapper .kakusyu_naiyou i{
	float:left;
	margin:0 4px 0 0;
}

/*なぜか上にずれるので成形。会場のアイコンの調整*/
.kakusyu-wrapper .kakusyu_naiyou p i{
	float:left;
	margin:4px 4px 0 0;
	color:#8be234;
}

.kakusyu-wrapper .kakusyu_naiyou p span{
	font-weight:700;
}

.kakusyu-wrapper .kakusyu_naiyou p a{
	text-decoration:underline;
}


/*kakusyu_naiyou_online*/

.kakusyu-wrapper .kakusyu_naiyou_online{
	display:block;
	clear:both;
	width:100%;
	padding:10px 0 0 0;
}

.kakusyu-wrapper .kakusyu_naiyou_online p{
	font-size:1.5rem;
	line-height:1.4;
	margin:0 0 0 10px;
}

.kakusyu-wrapper .kakusyu_naiyou_online i{
	float:left;
	margin:0 4px 0 0;
}


.kakusyu-wrapper .kakusyu_naiyou_online .button_kaijou{
	font-size:1.5rem;
	background: #000000;
	color:#ffffff;
	padding:5px 10px;
	border:1px solid #204da0;
	border-radius:5px;
	margin:5px 0 10px 10px;
	float:right;
	display:inline-block;
}
@media screen and (max-width:480px){
	.kakusyu-wrapper .kakusyu_naiyou_online .button_kaijou{
		display:block;
		width:100%;
		text-align:center;
		font-size:1.4rem;
	}
}

@media screen and (max-width:480px){
	.kakusyu-wrapper .kakusyu_naiyou_online .button_kaijou span{
		font-size:1.3rem;
	}
}


.kakusyu-wrapper .kakusyu_naiyou_online .button_kaijou2{
	font-size:1.6rem;
	background: linear-gradient(#204da0, #6183c2);
	color:#ffffff;
	padding:4px 10px;
	border:1px solid #204da0;
	border-radius:5px;
	margin:5px 0 10px 0;
	float:right;
	display:inline-block;
}
@media screen and (max-width:480px){
	.kakusyu-wrapper .kakusyu_naiyou_online .button_kaijou2{
		display:block;
		width:100%;
		text-align:center;
		font-size:1.7rem;
	}
}


/*会場だけ隠すのやめた。会場少なすぎるので*/

.kakusyu-wrapper .kakusyu_naiyou_db{
	display:block;
	clear:both;
	width:100%;
	padding:10px 0 0 0;
}

.kakusyu-wrapper .kakusyu_naiyou_db p{
	font-size:1.5rem;
	line-height:1.4;
	margin:0 0 0 10px;
}

.kakusyu-wrapper .kakusyu_naiyou_db .button{
	font-size:1.6rem;
	background: linear-gradient(#204da0, #6183c2);
	color:#ffffff;
	padding:4px 10px;
	border:1px solid #204da0;
	border-radius:5px;
	margin:15px 0 10px 0;
	float:right;
	display:inline-block;
}
@media screen and (max-width:480px){
	.kakusyu-wrapper .kakusyu_naiyou_db .button{
		display:block;
		width:100%;
		text-align:center;
		font-size:1.7rem;
	}
}


.kakusyu-wrapper .kakusyu_naiyou_db .button2{
	font-size:1.5rem;
	background: #000000;
	color:#ffffff;
	padding:4px 10px;
	border:1px solid #204da0;
	border-radius:5px;
	margin:5px 0 10px 0;
	float:right;
	display:inline-block;
}
@media screen and (max-width:480px){
	.kakusyu-wrapper .kakusyu_naiyou_db .button2{
		display:block;
		width:100%;
		text-align:center;
		font-size:1.6rem;
	}
}

/*fontawesome対策*/

.kakusyu-wrapper .kakusyu_naiyou_db i{
	float:left;
	margin:0 4px 0 0;
}

/*なぜか上にずれるので成形。会場のアイコンの調整*/
.kakusyu-wrapper .kakusyu_naiyou_db p i{
	float:left;
	margin:4px 4px 0 0;
}
.kakusyu-wrapper .kakusyu_naiyou_db .fa-building{
	color:#8be234;
}
.kakusyu-wrapper .kakusyu_naiyou_db .fa-car{
	color:#0101a9;
}





.kakusyu-wrapper .kakusyu_naiyou_db p span{
	font-weight:700;
}

.kakusyu-wrapper .kakusyu_naiyou_db p a{
	text-decoration:underline;
}
.kakusyu-wrapper .goukakuritu{
	margin:0 0 0 30px;
}
@media screen and (max-width:480px){
	.kakusyu-wrapper .goukakuritu{
		margin:0 0 0 0;
	}
}


.kakusyu-wrapper .goukakuritu table{
	border:1px solid #666666;
}
@media screen and (max-width:480px){
	.kakusyu-wrapper .goukakuritu table{
		width:100%;
		margin:0 auto 0 auto;
		display:block;
	}
}


.kakusyu-wrapper .goukakuritu td{
	font-size:1.5rem;
	border:1px solid #666666;
	margin:0 0 0 20px;
	padding:7px;
}
@media screen and (max-width:480px){
	.kakusyu-wrapper .goukakuritu td{
		display:block;
		width:100%;
	}
}


.kakusyu-wrapper .goukakuritu th{
	font-size:1.7rem;
	border:1px solid #666666;
	margin:0 0 0 20px;
	padding:7px;
	background:#FFFFCC;
}
@media screen and (max-width:480px){
	.kakusyu-wrapper .goukakuritu th{
		display:block;
		width:100%;
	}
}

.attention{
	margin:10px 0 0 0;

}

.attention .btn1{
	font-size:1.5rem;
	border:1px solid #000000;
	border-radius:5px;
	padding:3px 8px;
	background:linear-gradient(#e6e6e7, #666666);
	color:#ffffff;
	margin:10px 0 10px 5px;
	text-align:center;

}
@media screen and (max-width:480px){
	.attention .btn1{
		margin:10px auto 10px auto;
		display:block;
		width:95%;
	}


}

.attention .btn_tmp{
	margin:10px 0 10px 30px;
}
@media screen and (max-width:480px){
	.attention .btn_tmp{
		margin:10px 0 10px 0px;
	}
}
.attention .linktxt{
	margin:0 0 10px 30px;
	text-decoration:underline;
	font-size:1.5rem;
}




.kaijo-midashi{
	margin-top: 30px;
	 font-size:1.6rem;
	 font-weight:700;
	  border:1px solid #031f89;
	  background:#031f89;
	  color:#ffffff;
	  padding:5px 10px;
	line-height:1.4;
}



.syousai{
	font-size: 1.7rem;
	text-align: right;
	color: rgb(35, 35, 252);
}
.tokuten-wrapper{
	width: 100%;
	margin-top: 40px;
}
.tokuten{
	width: 90%;
	float:left;
	margin:0 0px 10px 0;
	padding:0 10px 0 0;
}
@media screen and (max-width:480px){
	.tokuten{
		width: 100%;
	}
}
.tokuten .honbun{
	font-size:1.5rem;
	line-height:1.4;
}
.online-wrapper{
	margin-top: 50px;
	padding-top: 100px;
	padding-right: 40px;
	padding-left: 40px;
	background-image: url(../img/piip_background3.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
}
@media screen and (max-width:480px){
	.online-wrapper{
		margin-top: 50px;
		padding-top: 100px;
		padding-right: 10px;
		padding-left: 10px;
		background-image: url(../img/piip_background3.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		background-size: contain;
	}
}


.online-wrapper2{
	background-color: white;
	border: #e6e6e6 solid 1px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.online-live{
	margin-left: 50px;
}
@media screen and (max-width:480px){
	.online-live{
	margin-left: 0px;
		width:100%;
	}
}

online-live-img{
	float:left;

}
@media screen and (max-width:480px){
	online-live-img{
		float:none;
		width:100%;
		clear:both;
	}
}


.online-live-top{
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	margin:0 0 0 0;
}
@media screen and (max-width:480px){
	.online-live-top{
		width: 100%;
		clear:both;
		margin:0 auto;
	}
}


.online-img{
	width: 60%;
	margin-left: 20%;
	margin-top: 20px;
}
.online-btn-wrapper{
	display: flex;
	margin-left: 20%;
	width: 60%;
	margin-top: 30px;
}
@media screen and (max-width:480px){
	.online-btn-wrapper{
		display: block;
		margin-left: 0%;
		width: 100%;
		margin-top: 30px;
	}
}

.online-btn{
	width: 30%;
	border: #000000 solid 1px;
	display : flex;
	height: 50px;
	font-size: 1.3rem;
	color: #000000;
	background-color: #ffffff;
	border-radius:10px / 10px;
	text-align: center;
	justify-content: center;
	flex-direction: column;
	margin:0 0 0 10px;
}
@media screen and (max-width:480px){
	.online-btn{
		width: 90%;
		margin:0 auto 5px auto;
	}
}



.pdf{
	width: 100%;
	border: #000000 solid 1px;
	display : flex;
	height: 50px;
	font-size: 1.5rem;
	color: #000000;
	background-color: #ffffff;
	border-radius:10px / 10px;
	text-align: center;
	justify-content: center;
	flex-direction: column;
	margin-top: 60px;
	font-weight: 700;
}
.jtop{
	padding: 30px 40px;
	font-size: 2rem;
	font-weight: 700;
	height: 50px;
	border-bottom: rgb(212, 212, 212) solid 2px;
}

.sonota{
	padding: 20px 40px;
}
@media screen and (max-width:480px){
	.sonota{
		padding: 20px 20px;
	}
}


.sonota-top{
	margin-bottom: 0px;
	height: 30px;
	width: 100%;
	border-bottom: rgb(211, 211, 211) solid 2px;
	font-size: 2rem;
	font-weight: 700;
}
.sonota-wrapper{
	margin: 10px 5px 0 0;
}
.sonota-part{
	padding:10px 0px;
	border-bottom: solid rgb(211, 211, 211) 2px;
	text-align: left;
	width: 48%;
	font-size: 1.5rem;
	float:left;
	margin:0 5px 0 0;
}
@media screen and (max-width:480px){
	.sonota-part{
		width: 100%;
	}
}


.rinku{
	padding-left: 40px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	font-size: 2rem;
	font-weight: 700;
	height: 50px;
	border-bottom: rgb(212, 212, 212) solid 2px;
	border-top: rgb(212, 212, 212) solid 0px;
	margin:10px 0 10px 0;
}
.blue-wrapper{
	display: flex;
	background-color:#7793fd;
	color: white;
	font-size: 1.5rem;
	font-weight: 600;

}
.blue-part{
	border:1px solid #ffffff;
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 50%;
	text-align: center;
	height: 80px;
	font-size:1.9rem;
}
@media screen and (max-width:480px){
	.blue-part{
		font-size:1.8rem;
	}
}


.book_category{
	background: #666666;
	color: #ffffff;
	font-size:1.9rem;
	line-height:1.5;
	font-weight: 700;
	padding: 5px 20px;
	margin:20px 0 5px 0;
	width:100%;
}

.book_category span{
	font-size:1.7rem;
}



.ftr{
	padding: 30px 0;
	background-color: white;

}
.kigyo ul li {
    color: #036EEC;
    display: block;
    float: left;
    font-size: 1.5rem;
    margin: 10px 20px 0 0;
}

/*ここからはtestinfo用のcssです
-----------------------------------*/

.t-wrapper{
	padding: 40px;
	background-color: white;

}
.top-button{
	display: flex;

}
.t-wrapper .btn{
	border: #000000 solid 1px;
	display : inline-block;
	padding       : 12px 18px;
	font-size: 1.7rem;
	color: #000000;
	background-color: #ffffff;
	border-radius:10px / 10px;
	line-height: 3rem;
}
.t-wrapper .nittei{
	display: flex;
	justify-content: center;
	flex-direction: column;
	background-color: rgb(36, 218, 36);
	width: 100%;
	text-align: center;
	padding: 30px 0;
	margin-top: 40px
}
.leaflet{
	border: #000000 solid 1px;
	display : inline-block;
	padding       : 12px 18px;
	font-size: 1.7rem;
	color: #000000;
	background-color: #ffffff;
	border-radius:10px / 10px;
	line-height: 3rem;
	width: 90%;
	font-weight: 700;
}
.oshiharai{
	padding: 20px 4%;

}
.haraikomi{
	text-align: left;
	width: 47.5%;
	margin-right: 5%;
	font-size: 1.4rem;
	padding: 20px;
	border: #000000 solid 1px;
	border-radius:10px / 10px;


}
.creditcard{
	text-align: left;
	width: 47.5%;
	font-size: 1.4rem;
	padding: 20px;
	border: #000000 solid 1px;
	border-radius:10px / 10px;


}
.oshiharai .btn{
	border: #000000 solid 1px;
	display : inline-block;
	padding       : 12px 18px;
	font-size: 2rem;
	color: #000000;
	background-color: #ffffff;
	border-radius:10px / 10px;
	line-height: 3rem;
	width: 47.5%;
	font-weight: 700;
}

.naiyou{
	padding: 20px 4%;

}
.naiyou td{
	line-height: 40px;
	padding-left: 2rem;
}

/*箇条書き
-------------------------------------*/
.lis{
	text-indent:-1em;
	padding-left:1em;
	font-size:1.5rem;
	line-height:1.4;
}
.lis2{
	text-indent:-2em;
	padding-left:2em;
	line-height:1.4;
}
.lis3{
	text-indent:-3em;
	padding-left:3em;
}
.lis4{
	text-indent:-4em;
	padding-left:4em;
}
.lis5{
	text-indent:-5em;
	padding-left:5em;
}
.lis6{
	text-indent:-6em;
	padding-left:6em;
	line-height:1.4;
}


/*ここからはスマートフォン用のcssです
-------------------------------------*/

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


	.scroll-table{
		overflow: auto;
		white-space: nowrap;
	}


	#main{
		padding: 0!important;
	}
	.t-wrapper{
		padding: 0;
	}
	.top-button{
		display: block!important;
		margin: 0!important;
	}
	.top-button .btn{
		width: 100%!important;
		margin: 0!important;
		border-radius: 0!important;
	}
	.introduction{
		display: block!important;
	}
	.intro-pic{
		width: 100%;
	}
	.intro-pic img{
		width: 100vw!important;
		height: 30vh;
	}
	.intro-moji {
		width: 100%!important;
	}
	.kouhu{
		margin-left: 0!important;
	}
	.shiharai-wrapper{
		display: block!important;
	}
	.haraikomi{
		width: 100%!important;
	}
	.creditcard{
		width: 100%!important;
		margin-top: 20px!important;
	}
	.credit-img{
		width: 100%!important;
	}
	.moshikomi-btn{
		display: block!important;
		margin-top: 0!important;
		border-radius: 0!important;
	}
	.moshikomi-btn .btn{
		width: 100%!important;
		border-radius: 0!important;

	}
	.oshiharai-btn{
		display: block!important;
		margin: 0!important;
	}
	.oshiharai-btn .btn{
		border-radius: 0!important;
		width: 100%;
	}
	.souron-wrapper{
		display: block!important;
	}
	.souron-part{
		width: 100%!important;
		margin: 0!important;
	}
	.naiyou{
		padding: 0!important;
	}
	.moshikomi{
		padding: 0!important;
	}
	.leaflet{
		width: 100%!important;
		margin-right: 0!important;
	}
	.biko{
		margin-left: 0!important;
		width: 100%!important;
	}
	.moushikomi-part{
		margin-right: 1rem;
	}
	.tyui{
		margin-left: 1rem!important;
		margin-right: 1rem!important;

	}
}

/*ここからはbook.php用のcssです
-----------------------------------*/
.book-wrapper{
	padding:20px  40px;
}


.book-wrapper .zyoubunlink{
	background:#022043;
	border-radius:5px;
	color:#ffffff;
	font-size:1.5rem;
	padding:5px 10px;
	display:inline-block;
	float:right;
	margin:10px 10px 20px 0;
}
@media screen and (max-width:480px) {
	.book-wrapper .zyoubunlink{
		display:block;
		float:none;
		margin:10px auto 20px auto;
		width:95%;
	}
}


.midashi-1{
	margin-top: 30px;
	font-size: 3.5rem;
	font-weight: 700;
	border-bottom: solid black 1px;
}
.midashi-2{
	font-size: 2.5rem;
	width: 100%;
	font-weight: 700;
	color: rgb(7, 156, 255);
	text-align: left;
	border-bottom: gray solid 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}
@media screen and (max-width:480px) {
	.midashi-2{
		font-size: 2.0rem;
		line-height:1.4;
		text-align: left;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

.midashi-2 span{
	font-size: 2.5rem;
	font-weight: 700;
	color:#ff0000;
	margin:0 10px 0 0;
}
@media screen and (max-width:480px) {
	.midashi-2 span{
		margin:0 290px 0 0;
	}
}


.book-flex{
	display: flex;
}
.flex-left{
	width: 47.5%;
	margin-right: 5%;
}
.book-wrapper .flex-right{
	float:right;
	font-size: 1.8rem;
	margin:0 0 0 30px;
	line-height: 2.5rem;
	width:60%;
	padding:0;
}
@media screen and (max-width:480px) {
	.book-wrapper .flex-right{
		float:none;
		width: 100%;
		margin:0 0 0 0px;
		padding:5px;
	}
}

.book_waku_midashi{
	width:100%;
	background:#ff0000;
	color:#ffffff;
	text-align:center;
	font-weight:700;
	font-size:2.0rem;
	padding:5px;
	margin:0 0 10px 0;
}


.book_txt{
	font-weight:normal;
	color:#ffffff;
	font-size:1.8rem;
	padding:5px;
	background:blue;
	display:inline-block;
	margin:10px 10px 10px 20px;;
}



.book-btn{
	border: #000000 solid 1px;
	display : inline-block;
	padding       : 12px 18px;
	font-size: 2rem;
	color: #000000;
	background-color: #ffffff;
	border-radius:10px / 10px;
	line-height: 3rem;
	width: 100%;
	font-weight: 700;
	text-align: center;
}
.midashi-3{
	font-size: 2.5rem;
	font-weight: 700;
	border-bottom: solid gray 1px;
	margin:0 0 10px 0;
}

.shoseki{
	margin:0 20px 0 0;
	
}
@media screen and (max-width:480px) {
	.shoseki{
		margin:0 0px 0 0;
		
	}
}


.book-wrapper .shoseki img{
	float:left;
	width:280px;
	border:1px solid #000000;
	
}
@media screen and (max-width:480px) {
	.book-wrapper .shoseki img{
		float:none;
		margin:0 auto 15px auto;
		display:block;
		width:70%;
	}


}

.book-wrapper .bar{
	background:#666666;
	color:#ffffff;
	font-size:1.8rem;
	font-weight:700;
	padding:5px;

}



@media screen and (max-width:480px) {
	.book-wrapper{
		padding: 0 5px;
	}
	.book-flex{
		flex-flow: column;
	}
	.flex-left{
		width: 100%;
		margin-left: 0!important;
	}

	.shoseki1{
		margin-left: 0!important;
		width: 100%;
		margin-bottom: 15px;

	}
}

/*ここからはcardup.php用のcssです
-----------------------------------*/

.cardup-wrapper{
	padding:0 0px;
}
@media screen and (max-width:480px) {
.cardup-wrapper{
	padding:0 5px;
}
}


.cardup-wrapper .campaign_cardup{

	border:1px solid #c00000;
	margin:0 0 10px 0;
	padding:0px;

}
.cardup-wrapper .campaign_cardup .midashi_cardup{
	font-weight:bold;
	font-size:1.8rem;
	color:#ffffff;
	background:#c00000;
	text-align:center;
	padding:5px;

}
@media screen and (max-width:480px) {
	.cardup-wrapper .campaign_cardup .midashi_cardup{
		font-weight:bold;
		font-size:1.6rem;
		text-align:left;
	}
}

.cardup-wrapper .campaign_cardup .midashi_cardup span{
	color:#f9e504;
	font-size:2.8rem;
}
@media screen and (max-width:480px) {
	.cardup-wrapper .campaign_cardup .midashi_cardup span{
		font-size:1.8rem;
	}
}




.cardup-wrapper .campaign_cardup .midashi_box{
	float:right;
	width:100%;
	
}
@media screen and (max-width:480px) {
	.cardup-wrapper .campaign_cardup .midashi_box{
		float:none;
		width:100%;
		
	}
}

.cardup-wrapper .moushikomibtn2{
	font-size:2.1rem;
	width: 270px;
	float:right;
	padding:7px 10px 7px 10px;
	background-color: blue;
	color: white;
	text-align:center;
	border-radius: 10px;
	margin:10px 0 5px 0;
}
@media screen and (max-width:480px) {
	.cardup-wrapper .moushikomibtn2{
		font-size:2.1rem;
		width: 80%;
		float:none;
		margin:10px auto 5px auto;
	}
}


.cardup-wrapper .moushikomibtn2 i{
	margin: 0 5px 0 0;
}






.cardup-wrapper .campaign_cardup .midashi2{
	font-size:16px;
	background:#000000;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding:5px;

}
.cardup-wrapper .campaign_cardup .rei-g{color:green;}
.cardup-wrapper .campaign_cardup .rei-b{color:blue;}
.cardup-wrapper .campaign_cardup img{
	width:160px;
	float:left;
	margin:10px;
	border:1px solid #666666;

}
.cardup-wrapper .campaign_cardup .formbox{
	background:#fdfde5;
	padding:10px 0 10px 0;

}
.cardup-wrapper .campaign_cardup .honbun3{
	font-size:1.6rem;
	line-height:1.7;
	margin:10px 0 0 15px;

}
@media screen and (max-width:480px){
	.cardup-wrapper .campaign_cardup img{
			width:100%;
			margin:10px auto;
			clear:both;
			display:block;
			

	}
	
	.cardup-wrapper .txtbox2{
		width:100%;
			clear:both;
			display:block;
	}

	
}


.cardup-wrapper .txtbox2{
	width:60%;
	float:left;
}
@media screen and (max-width:480px){
	.cardup-wrapper .txtbox2{
		width:100%;
			clear:both;
			display:block;
			float:none;
	}

	
}





.cardup-wrapper .campaign_cardup .formbox2{
	float:left;
	width:70%;
	display:block;
	margin:5px 0;

}
@media screen and (max-width:480px){
	.cardup-wrapper .campaign_cardup .formbox2{
		float:none;
		width:80%;
		margin:5px auto;

	}
}

input[type="text"],input[type="tel"],
.cardup-wrapper textarea {
  background: #f8f8f8;
  display: block;
  font-size: 1.5rem;
  padding: 12px 15px;
  width: 80%;
  transition: 0.8s;
  border-radius: 0;
  border:1px solid #666666;
}
@media screen and (max-width:480px){
	input[type="text"],input[type="tel"],
	.cardup-wrapper textarea {
	  background: #f8f8f8;
	  display: block;
	  font-size: 1.5rem;
	  padding: 12px 15px;
	  width: 100%;
	  transition: 0.8s;
	  border-radius: 0;
	}
}

.cardup-wrapper .form-table{
	width:100%;

}

.cardup-wrapper .button{
	font-size: 1.7rem;
	border:1px solid #000000;
	border-radius:5px;
	width:250px;
	padding:5px 10px;
	margin:10px 0;

}


.cardup-wrapper .nittei_table{
	width:95%;
	margin:20px auto;
}




.cardup-wrapper .cu-top{
	background-image: url("https://www.joho-gakushu.or.jp/piip/img/cardup_new.jpg");
	background-repeat: no-repeat;
	margin:0px 0 0 0;
	width:1080px;
	height:450px;
	padding:5px auto;
	display: block;
	clear: both;


}
@media screen and (max-width:480px){
	.cardup-wrapper .cu-top{
		background-repeat: no-repeat;
		width:100%;
		height:155px;
		background-size:100% auto;
	}
}
.cardup-wrapper .cu-top .datebox1{
	padding:10px;
	display:inline-block;
	margin:20px 0 0 50px;
	float:left;
}
@media screen and (max-width:480px){
	.cardup-wrapper .cu-top .datebox1{
		margin:20px 0 0 0px;
		float:left;
		width:70%;
	}
}


.cardup-wrapper .cu-top .datebox1 .honbun1{
	font-size:3.0rem;
	line-height:1.4;
	font-weight:700;
	color:#ffffff;
	margin:0 0 5px 0;

}
@media screen and (max-width:480px){
	.cardup-wrapper .cu-top .datebox1 .honbun1{
		font-size:2.0rem;
	}
}


.cardup-wrapper .cu-top .datebox2{
	background:rgba(255,255,255,0.8);
	padding:10px 20px;
	display:inline-block;
	margin:20px 0 0 60px;
	width:590px;
	float:left;
}
@media screen and (max-width:480px){
	.cardup-wrapper .cu-top .datebox2{
	background:none;
		width:100%;
		margin:60px 0 0 0px;
		padding:7px 10px;
	}

}

.cardup-wrapper .cu-top .datebox2 .honbun1{
	font-size:2.0rem;
	line-height:1.4;
	margin:0 0 5px 0;

}
@media screen and (max-width:480px){
	.cardup-wrapper .cu-top .datebox2 .honbun1{
		font-size:1.5rem;
		margin:0 0 5px 0;

	}
}

.cardup-wrapper .datebox{
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* ボタン同士の余白（必要に応じて調整） */
  margin:10px 0;

}
@media screen and (max-width:480px) {
	.cardup-wrapper .datebox{
	  display: block;
	  flex-direction: none;
	  justify-content: none;

	}
}



.cardup-wrapper .datebox .datebox1{
	border:1px solid #000000;
	  width: calc(50% - 10px); /* 2列にする（gap分引いて調整） */
	  box-sizing: border-box;
	  display: block;
	padding:10px;
}
@media screen and (max-width:480px) {
	.cardup-wrapper .datebox .datebox1{
		width:100%;
		margin:10px 0 0 0;
	}
}


.cardup-wrapper .datebox .datebox1 .komidashi{
	font-size:1.8rem;
	font-weight:700;
}

.cardup-wrapper .datebox .datebox1 .txt{
	font-size:1.6rem;
	line-height:1.5;
}

.cardup-wrapper .datebox .datebox1 hr{
	border:2px solid #000000;
	margin:5px 0;
}










.cardup-wrapper .badge_waku_new{
    border: 2px solid #cb9505;
	width:100%;
	margin:10px 0 20px 0px;
	padding:0px;
	display:inline-block;
}
@media screen and (max-width:480px) {
	.cardup-wrapper .badge_waku_new{
		width:95%;
		margin:10px auto 20px auto;
		display:block;
	}
}


.cardup-wrapper .badge_waku_new .midashi{
    background:#cb9505;
    color:#ffffff;
	margin:0px 0 0px 0px;
	padding:10px 0 10px 0;
	text-align:center;
	font-size:1.8rem;
	line-height:1.4;
}


.cardup-wrapper .badge_waku_new .midashibun1{
	font-size:1.9rem;
	line-height:1.4;
}


.cardup-wrapper .badge_waku_new .midashibun2{
	font-size:2.3rem;
	font-weight:700;
	line-height:1.4;
}

.cardup-wrapper .badge_waku_new .midashibun2 span{
	font-size:1.9rem;
	line-height:1.4;
}

.cardup-wrapper .badge_waku_new .cardbadgebox{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin:10px 0 10px 0;
}
@media screen and (max-width:480px) {
	.cardup-wrapper .badge_waku_new .cardbadgebox{
	  display: block;
	  flex-direction: none;
	  justify-content: none;
	}

}


.cardup-wrapper .badge_waku_new .cardbadgebox img{
  width:160px;
  margin:0 5px 5px 0;
}
.cardup-wrapper .badge_waku_new .cardbadgebox .imgbox{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding:5px;
  
}
.cardup-wrapper .badge_waku_new .cardbadgebox .imgbox2 .cap{
	text-align:center;
	font-size:1.4rem;
}

.cardup-wrapper .badge_waku_new .cardbadgebox .imgbox .txtbox .komidashi_txt{
	font-size:1.7rem;
	margin:0 0 5px 0;
	font-weight:700;
	color:#cb9505;
}
.cardup-wrapper .badge_waku_new .cardbadgebox .imgbox .txtbox .honbun_txt{
	font-size:1.4rem;
	line-height:1.5;
}

.cardup-wrapper .badge_waku_new .cardbadgebox .imgbox .txtbox .honbun_txt_s{
	font-size:1.3rem;
	line-height:1.5;
}

.cardup-wrapper .present_bnr{
	margin:10px auto;
	display:block;
	width:90%;

}
@media screen and (max-width:480px) {
	.cardup-wrapper .present_bnr{
		width:95%;
	}
}











.cu-top-midashi{

	font-size: 4rem;
	color: white;
}
.cu-top-box{
	margin: 10px 0;
	padding: 1.5rem;
	line-height: 3rem;
	font-weight: 700;
	width: 60%;
	font-size: 1.6rem;
	color: black;
	background-color: rgb(255, 255, 255, 0.6);
}
.cardup-wrapper .midashi1{
	font-size: 2.0rem;
	line-height:1.5;
	font-weight: 700;
	width: 100%;
	border-bottom: gray solid 1px;
	margin: 20px 0;
}
.cardup-wrapper .bun{
	font-size: 1.5rem;
	line-height: 1.5;
}
.bluebox{
	padding: 30px 10%;
	background-color: rgb(0, 145, 255);
	font-size: 1.5rem;
	color: white;
	font-weight: 500;
	line-height: 2rem;
	line-height: 3rem;
	margin-top: 30px;
}
.bluebox .midashi2{
	font-size: 1.7rem;
	font-weight: 700;
	margin:5px 0 0 0;
}
.bluebox img{
	width: 100%;
	margin: 20px 0;
}
.bluebox .honbun{
	text-indent:1em;
}


.cardup-wrapper .small{
	font-size: 1.5rem;
	line-height: 2rem;
	padding-left:1em;
	text-indent:-1em;
}
.cardup-wrapper .btn{
	border: #000000 solid 1px;
	display : inline-block;
	padding       : 10px 9px;
	font-size: 1.8rem;
	color: #000000;
	background-color: #ffffff;
	border-radius:10px / 10px;
	line-height: 3rem;
	width: 45%;
	font-weight: 700;
	text-align: center;
}
.cardup-wrapper .btn-wide{
	border: #000000 solid 1px;
	display : inline-block;
	padding       : 10px 9px;
	font-size: 1.8rem;
	color: #000000;
	background-color: #ffffff;
	border-radius:10px / 10px;
	line-height: 3rem;
	width: 100%;
	font-weight: 700;
	margin-top: 20px;
	text-align: center;
}

.cardup-wrapper .btn-orange{
	border: #000000 solid 1px;
	display :block;
	padding       : 2px 3px;
	font-size: 1.8rem;
	color: #ffffff;
	background-color: #fc6104;
	border-radius:10px / 10px;
	line-height: 1.4;
	width: 45%;
	text-align: center;
	margin:10px auto;
}
@media screen and (max-width:480px) {
	.cardup-wrapper .btn-orange{
		width: 90%;
	}

}


.cardup-wrapper .btn-wrapper{
	display: flex;
	margin: 10px 0;
}


.cardup-wrapper .btn-wrapper .btn{
	margin: 0 auto;

}
@media screen and (max-width:480px) {
	.cardup-wrapper .btn-wrapper .btn{
		margin: 10px auto;
		width:90%;
		display:block;

	}
}

.cardup-wrapper table{
	border:1px solid #000066;
	border-collapse:collapse;
	width: 880px;
	margin: 0px;
}

.cardup-wrapper table th{
	line-height: 1.5;
	font-size: 1.7rem;
	padding: 5px 10px;
	border-left:1px solid #000066;
	border-right:1px solid #000066;
	border-bottom:2px solid #000066;
	text-align:center;
	background:#fbfaea;
}

.cardup-wrapper  td{
	border:1px solid #000066;
	background:#ffffff;
	line-height: 3rem;
	font-size: 1.6rem;
	padding: 5px 10px;
}

.cardup-wrapper .honbun{
	font-size:1.5rem;
	line-height:1.4;
}

.cardup-wrapper .honbun_badge_waku_new{
	font-size:1.5rem;
	line-height:1.4;
	margin:0 0 0 20px;
}
@media screen and (max-width:480px) {
	.cardup-wrapper .honbun_badge_waku_new{
		margin:0 10px;
	}
}

.cardup-wrapper .kikan_waku{
	border:1px solid #000000;
	padding:10px;
	width:90%;
	margin:0 auto;
	display:block;
}




.cardup-wrapper .guidance_box{
	margin:10px 0 0 0;
}
@media screen and (max-width:480px) {
	.cardup-wrapper .guidance_box{
		padding:0 5px;
	}
}

.cardup-wrapper .koushu_ptn_midashi{
	background:#046ee8;
	color:#ffffff;
	font-weight:900;
	font-size:2.5rem;
	line-height:1.4;
	margin:20px 0 0 0;
	padding:5px 10px;
}
@media screen and (max-width:480px) {
	.cardup-wrapper .koushu_ptn_midashi{
		font-size:2.1rem;
		line-height:1.4;
		margin:20px 0 0 0;
		padding:5px 5px;
	}
}

.cardup-wrapper .koushu_ptn_midashi span{
	font-weight:700;
	font-size:2.0rem;
	padding:0 0 0 10px;
}
@media screen and (max-width:480px) {
	.cardup-wrapper .koushu_ptn_midashi span{
		font-size:1.5rem;
		padding:0 0 0 0px;
	}
}

.cardup-wrapper .koushu_ptn_midashi .read{
	font-weight:normal;
	font-size:1.7rem;
	padding:0 0 0 15px;
}
@media screen and (max-width:480px) {
	.cardup-wrapper .koushu_ptn_midashi .read{
		font-size:1.4rem;
		padding:0 0 0 0px;
	}
}


.cardup-wrapper .entry_button a{
	margin:0 auto;
	display:block;
	width:390px;
}
@media screen and (max-width:480px) {
	.cardup-wrapper .entry_button a{
		width:90%;
	}
}


.cardup-wrapper .youten_waku{
	border:1px solid #000000;
	padding:0px 15px;
	margin:10px 0 0 0;
}

.cardup-wrapper .entry_button_blue{
	background:#0068b7;
	width:350px;
	padding:5px;
	float:right;
	color:#ffffff;
	margin:10px 0;
	text-align:center;
}
@media screen and (max-width:480px) {
	.cardup-wrapper .entry_button_blue{
		width:95%;
		float:none;
		margin:10px auto;
		display:block;
	}
}

.cardup-wrapper .entry_button_blue i{
	margin:0px 5px 0 0;
}


.cardup-wrapper .badge_waku{
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",sans-serif;
    border: 2px solid #cb9505;
	width:100%;
	margin:10px 0 20px 0px;
	padding:0px;
	display:inline-block;
}
.cardup-wrapper .badge_waku .midashi{
    background:#cb9505;
    color:#ffffff;
	margin:0px 0 0px 0px;
	padding:5px 0 5px 0;
	text-align:center;
	font-size:19px;
}
.cardup-wrapper .badge_waku .midashi i{
	margin:0px 5px 0px 0px;
}


.cardup-wrapper .badge_waku .lead{
	font-size:17px;
	font-weight:bold;
	margin:10px 0 0 0;
	text-align:center;
}

.cardup-wrapper .badge_waku .honbun{
	font-size:16px;
	font-weight:normal;
	line-height:1.7;
	color:#666666;
	padding:0 5px 0 0;
	padding-left:-1em;
	text-indent:1em;
}

.cardup-wrapper .badge_waku .cap{
	text-align:left;
	margin:15px 0 0 0;
	color:#666666;
}


.cardup-wrapper .badge_waku .imgbox{
	width:40%;
	float:left;
}
@media screen and (max-width:480px) {
	.cardup-wrapper .badge_waku .imgbox{
		width:100%;
	}
}
@media screen and (max-width:480px) {
	.cardup-wrapper .badge_waku .imgbox img{
		margin:0 auto;
		display:block;
	}
}


.cardup-wrapper .badge_waku .txtbox{
	width:60%;
	float:left;
}
@media screen and (max-width:480px) {
	.cardup-wrapper .badge_waku .txtbox{
		width:100%;
	}
}


.cardup-wrapper .meritform{
	background:#a2a2a2;
	width:80%;
	padding:20px;
	text-align:center;
	margin:10px auto;;
}
@media screen and (max-width:480px){
	.cardup-wrapper .meritform{
		width:95%;
		padding:10px;
	}
}


.cardup-wrapper .meritform .seal1{
	font-size:1.6rem;
	font-weight:700;
	float:left;
	margin:10px 0 0 190px;
}
@media screen and (max-width:480px){
	.cardup-wrapper .meritform .seal1{
		float:none;
		margin:10px 0 0 20px;
	}
}


.cardup-wrapper .meritform .seal2{
	font-size:1.5rem;
	float:left;
	margin:10px 0 0 0;
}
@media screen and (max-width:480px){
	.cardup-wrapper .meritform .seal2{
		float:none;
		margin:10px 0 0 25px;
	}
}



.cardup-wrapper .comment{
	font-size:17px;
	font-weight:bold;
	color:#ffffff;
	padding:10px 0 10px 10px;

}


.cardup-wrapper .inputbox {
  display: block;
  font-size: 16px;
  padding: 12px 15px;
  width: 480px;
  border-radius: 0;
  margin:0 auto;
  text-align:left;
}
@media screen and (max-width:480px){
	.cardup-wrapper .inputbox {
	  width: 95%;
	}
}

.cardup-wrapper .inputbtn {
  font-size: 1.7rem;
  font-weight:900;
  padding: 10px 8px;
  width: 200px;
  border-radius:20px;
  margin:10px auto;
  background:yellow;
}


.cardup-wrapper .comment2{
  font-size: 1.5rem;
  line-height:1.5;
  text-align:center;
  margin:10px 0 15px 0;
  color:#ffffff;
}
@media screen and (max-width:480px){
	.cardup-wrapper .comment2{
	  font-size: 1.4rem;
	  text-align:left;
	  line-height:1.4;
	}
}





.cu-flex{
	display: flex;
	margin-top: 20px;
}
.cu-left{
	width: 47.5%;
	margin-right: 5%;
}


.cu-left .midashi2{
	font-size: 1.8rem;
	text-decoration:underline;
	font-weight:900;
	margin:0 0 5px 0;

}


.cu-right{
	width: 47.5%;
}
.cu-right .midashi2{
	font-size: 1.8rem;
	text-decoration:underline;
	font-weight:900;
	margin:0 0 5px 0;

}



.cardup-wrapper .blue-midashi{
	font-size: 1.8rem;
	line-height:1.4;
	color: rgb(30, 109, 255);
	line-height: 2.3rem;
	font-weight: 600;
	margin:0 0 5px 0;
	padding-left:1em;
	text-indent:-1em;
}

@media screen and (max-width:480px) {
	.cardup-wrapper{
		padding: 0;
	}
	.cardup-wrapper .btn{
		width: 100%;
	}
	.cu-flex{
		display: block;
	}
	.cu-left{
		width: 100%;
	}
	.cu-right{
		width: 100%;
		margin-top: 20px;
	}
	.cardup-wrapper .btn-wrapper{
		display: block;
	}
	.cardup-wrapper .btn2{
		margin-top: 10px;
	}
}




/*ここからはhowto.php用のcssです
-----------------------------------*/
.ht-top{

	background-image: url(../img/howto_new3.jpg);
	background-repeat: no-repeat;
	margin:0px 0 0 0;
	width:1080px;
	height:500px;
	display: block;
	clear: both;


}
@media screen and (max-width:480px){
	.ht-top{
		background-repeat: no-repeat;
		width:100%;
		height:205px;
		background-size:100% auto;
	}
}

.ht-top .read1{
	font-size: 3.5rem;
	color:#fe4f02;
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",sans-serif;
	padding:50px 0 40px 50px;
	display: block;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
@media screen and (max-width:480px){
	.ht-top .read1{
		font-size: 2.2rem;
		font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",sans-serif;
		padding:10px 0 10px 20px;
	}
}




.ht-top .read2{
	font-size: 6.5rem;
	color: rgb(0, 0, 216);
	text-align: left;
	line-height:1.3;
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",sans-serif;
	padding:10px 0 20px 40px;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
@media screen and (max-width:480px){
	.ht-top .read2{
		font-size: 2.7rem;
		padding:0px 0 20px 20px;
	}
}


.ht-top .pipl_table{
	background:rgba(255,255,255,0.8);
	padding:10px 20px;
	display:block;
	margin:40px 10px 0 10px;
	float:left;
	width:420px;
}
@media screen and (max-width:480px){
	.ht-top .pipl_table{
		background:rgba(255,255,255,0.8);
		padding:10px 0px;
		display:block;
		margin:50px auto 10px auto;
		float:none;
		width:95%;
	}
}
.ht-top .pipl_table .txt1{
	font-size:1.5rem;
	line-height:1.5;
	text-align:center;
	margin:0 0 7px 0;
}
@media screen and (max-width:480px){
	.ht-top .pipl_table .txt1{
		font-size:1.4rem;
	}
}


.ht-top .pipl_table .txt2{
	font-size:1.7rem;
	font-weight:700;
	line-height:1.5;
	text-align:center;
	text-decoration:underline;
}

.ht-top .pipl_table .txt1 span{
	font-size:1.4rem;
	background:#ff0000;
	border-radius:5px;
	padding:3px 5px;
	color:#ffffff;
}

.ht-intro{
	background-color: rgb(245, 245, 245);
	color: #000000;
}
@media screen and (max-width:480px){
	.ht-intro{
		padding: 0;
		margin:70px 0 0 0;
	}
}




.ht-intro .read1{
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",sans-serif;
	font-size: 1.9rem;
	padding: 10px 60px;
	line-height: 2.0;
	text-align: left;
	font-weight: 600;
}
@media screen and (max-width:480px){
	.ht-intro .read1{
		font-size: 1.8rem;
		padding: 10px 10px;
		line-height: 1.4;
		text-align: left;
	}
}



.ht-mokuji{
	width: 100%;
	margin-left: 10px;
	color: black;
	font-size: 2.0rem;
	margin-top: 20px ;
}
.ht-flex{
	display: block;
	width: 100%;
}
.ht-flex .btn{
	width: 22%;
	border: #000000 solid 1px;
	display : inline-block;
	padding       : 10px 9px;
	font-size: 2rem;
	color: #000000;
	background-color: #ffffff;
	border-radius:10px / 10px;
	line-height: 3rem;
	font-weight: 700;
	margin:20px 0 0 23px;
	text-align: center;
}
@media screen and (max-width:480px){
	.ht-flex .btn{
		width: 95%;
		margin:10px auto;
		display:block;
	}
}




.ht-maru{
	padding-left:35%;
}

.ht-maru2{
	background-image: url(../img/howto_new2.jpg);
	background-repeat: no-repeat;
	margin:0px 0 0 0;
	width:1080px;
	height:530px;
	display: block;
	clear: both;

}
@media screen and (max-width:480px){
	.ht-maru2{
		background-repeat: no-repeat;
		background-position:0px 70px;
		width:100%;
		height:240px;
		background-size:100% auto;
		margin:10px 0 10px 0;
		padding:0px 0 20px 0;

	}
}
.ht-maru2 img{
	margin:0 auto;
	display:block;
}
@media screen and (max-width:480px){
	.ht-maru2 img{
		width:70%;
		margin:-10px auto 0 auto;
	}

}

.maru-img{
	width: 350px;
	height: 300px;
}
.ht-wrapper{
	padding: 50px;
}
@media screen and (max-width:480px){
	.ht-wrapper{
		padding: 10px;
	}
}

.ht-midashi1{
	font-size: 2.5rem;
	font-weight:700;
	color: rgb(0, 0, 216);
	display: inline;
	border-radius: 10px;
	margin:0 0 0px 0;
	line-height:1.4;
}
@media screen and (max-width:480px){
	.ht-midashi1{
		line-height:1.4;
		margin:0 0 30px 0;
	}
}

.ht-midashi1 .ht-midashi1_imgbox{
	margin:30px 0 0 20px;
}

.ht-midashi1 span{
	font-size: 2.0rem;
}


.ht-list{
	margin-top: 40px;
	font-size: 2rem;
	color: rgb(0, 0, 216);
}
@media screen and (max-width:480px){
	.ht-list{
		margin-top: 20px;
		font-size: 1.6rem;
	}
}

.ht-list .komidashi_ht{
	margin:7px 0 0 10px;
}
.ht-list .komidashi_ht i{
	margin:0px 5px 0 0px;
}


.ht-bun{
	color: black;
	font-size: 1.8rem;
	line-height: 2.3rem;
	margin: 20px 0 10px 0;
}
.ht-midashi2{
	font-size: 2rem;
	color: rgb(0, 0, 216);
	display: inline;

}
.ht-jitumu{
	width: 30%;
	color: rgb(0, 0, 216);
	font-size: 2rem;
	padding: 30px 10px;
	text-align: center;
	border: #7cfbff solid 2px;
	border-radius: 10px;
	float:left;
}
@media screen and (max-width:480px){
	.ht-jitumu{
		width: 100%;
		margin:10px 0 0 0;
	}
}

.ht-jitumu-top{
	margin-top: 20px;
}


.ht-gaiyou{
	padding: 50px 30px 50px 30px;
	color: rgb(0, 0, 216);
	border: gray 2px solid;
	border-radius: 20px;
	background-color: white;
	margin-top: 0px;
}
@media screen and (max-width:480px){
	.ht-gaiyou{
		margin-top: 20px;
		padding: 20px 0 20px 0;
		border-radius: 20px;
	}
}

.gaiyou-maru{
	margin-top: -100px;
	margin-left: -100px;
	float:left;
}
@media screen and (max-width:480px){
	.gaiyou-maru{
		display:none;
	}
	.gaiyou-maru img{
		width: 100%;
	}
}

.ht-syousai{
	margin-left: 70px;

}
@media screen and (max-width:480px){
	.ht-syousai{
		margin: -40px 0 0 0;
	}
}

.ht-syousai-midashi{
	font-size: 2.5rem;
	margin:-30px 0 0 60px;
}
@media screen and (max-width:480px){
	.ht-syousai-midashi{
		font-size: 2.3rem;
		margin:40px auto 0 auto;
		display:block;
		text-align:center;
	}
}


.ht-syousai-parts{
	margin: 20px 0 20px 50px;
}
@media screen and (max-width:480px){
	.ht-syousai-parts{
		margin: 20px 0 20px 10px;
	}
}



.ht-syousai-parts table{
	float:left;
}
.ht-syousai-parts table th{
	padding:7px 0 0 0;
	font-size: 2rem;
	line-height: 3rem;
	font-weight: normal;
	width:190px;
}
@media screen and (max-width:480px){
	.ht-syousai-parts table th{
		display: block;
		width:100%;
	}
}


.ht-syousai-parts table td{
	font-size: 1.6rem;
	padding:7px 0 0 0;
	line-height:1.4;

}
@media screen and (max-width:480px){
	.ht-syousai-parts table td{
		display: block;
		width:100%;
	}
}

.ht-syousai-parts .buttonbox .btn{
	border: #000000 solid 1px;
	width: 45%;
	display : inline-block;
	padding: 12px 18px;
	font-size: 1.5rem;
	color: #000000;
	background-color: #ffffff;
	border-radius:10px / 10px;
	line-height: 3rem;
	float: left;
	margin:10px 0 0 10px;
}
@media screen and (max-width:480px){
	.ht-syousai-parts .buttonbox .btn{
		width: 95%;
		margin:10px 0px 0 0px;
	}

}

.ht-syousai-parts li{
	font-size: 1.5rem;
	padding-left:1em;
	text-indent:-1em;

}



.ht-syousai-parts li a{
	text-decoration:underline;

}



.ht-gaiyou-btn{
	width: 47%;
	border: #000000 solid 1px;
	display : inline-block;
	padding       : 10px 18px;
	font-size: 2rem;
	color: #000000;
	background-color: #ffffff;
	border-radius:10px / 10px;
	line-height: 3rem;
	font-weight: 700;
	margin: 20px 0 0px 10px;
	text-align: center;
	float:left;
}
@media screen and (max-width:480px){
	.ht-gaiyou-btn{
		width: 95%;
		margin:5px auto;
		display:block;
		float:none;
	}
}


.ht-gaiyou-link{
	font-size: 1.7rem;
	border-bottom: solid gray 1px;
	margin-top: 20px;
	display: inline-block;
	color: black;
}
.yellow-wrapper{
	margin:10px 0 0 0;
	background-color:#f9fdc6;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 10px;


}
@media screen and (max-width:480px){
	.yellow-wrapper{
		margin:0px 0 0 0;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 20px;
	}
}


.yellow-midashi1{
	font-size: 2.3rem;
	margin-top: 10px;
	line-height: 1.4;
}
@media screen and (max-width:480px){
	.yellow-midashi1{
	font-size: 2.4rem;
	line-height: 1.4;
		margin-top: 0;
	}
}




.telinfo{
	background: #666666;
	padding:10px 20px;

}
@media screen and (max-width:480px){
	.telinfo{
		background: blue;
		padding:10px 5px;
		margin:10px 0 0 0;

	}
}


.telinfo .honbun{
	font-size:2.0rem;
	line-height:1.5;
	color:#ffffff;
	margin:0 0 10px 43px;

}
@media screen and (max-width:480px){
	.telinfo .honbun{
		font-size:1.8rem;
		margin:0 0 10px 13px;
	}
}



.telinfo .tel{
	font-size:3.0rem;
	font-weight:600;
	color:#ffffff;
	margin:0 0 10px 0;

}
.telinfo .tel i{
	margin:0px 10px;

}



.ht-online{
	padding: 0px;
}
@media screen and (max-width:480px){
	.ht-online{
		padding: 20px 0;
	}
}


.chance{
	display: inline-block;
	font-size: 2.5rem;
}
@media screen and (max-width:480px){
	.chance{
		font-size: 2.4rem;
		margin-top: 20px;
	}
}


.useful{
	margin-top: 50px;
}
.useful-top{
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 10px;
}
@media screen and (max-width:480px){
	.useful-top{
		font-size: 2.4rem;
	}
}



.useful-box{
	padding: 25px 10px;
	background-color: white;
	border-radius: 20px;
	display:inline-block;
	width:100%;
}
@media screen and (max-width:480px){
	.useful-box{
		padding: 10px;
		font-size: 2.1rem;
		margin: 0 5px;
	}
}

.useful-box .komidashi{
	font-size: 2.5rem;
	line-height: 1.8;
}
@media screen and (max-width:480px){
	.useful-box .komidashi{
		font-size: 2.1rem;
	}
}

.useful-box .honbun{
	font-size:2.5rem;
	font-weight:700;
	line-height:4rem;
}
@media screen and (max-width:480px){
	.useful-box .honbun{
		font-size:2.2rem;
		font-weight:700;
		line-height:1.7;
	}
}

.useful-box .link{
	font-size:2rem;
	font-weight:700;
	margin:5px 0 0 10px;
	border:#000000 solid 1px;
	padding:5px;
	border-radius:5px;
}

.useful-box .camerabox{
	margin:10px 0 0 0;
}

.useful-box .camerabox td{

}
@media screen and (max-width:480px){
	.useful-box .camerabox td{
		width:100%;
		display:block;
		text-align:center;
		padiing:10px 0 0 0;
	}
}
.useful-box .camerabox td i{
	margin:0 10px;
}
.useful-box .txtbox{
	width:700px;
	float:left;
}
@media screen and (max-width:480px){
	.useful-box .txtbox{
		width:100%;
		float:none;
		margin:0 0 10px 0;
	}
}

.useful-box .imgbox{
	float:left;
	width:200px;
}
@media screen and (max-width:480px){
	.useful-box .imgbox{
		float:none;
		width:100%;
		margin:20px 0 0 0;
	}
	.useful-box .imgbox img{
		margin:0 auto;
		display:block;
	}
}
.useful-box .imgbox p{
	margin:5px 0 0 20px;
	text-align:center;
	font-size:1.8rem;
}
@media screen and (max-width:480px){
	.useful-box .imgbox p{
		margin:5px 0 0 0px;
		text-align:center;
	}
}

/*これから受験をするあなたへ*/
.howto .camerapc_box{
	width:600px;
	margin:10px auto;
	font-size:1.6rem;
}
@media screen and (max-width:480px){
	.howto .camerapc_box{
		width:100%;
	}
}

.howto .camerapc_box img{
	float:left;
	margin:10px;
}
@media screen and (max-width:480px){
	.howto .camerapc_box img{
		float:none;
		margin:10px auto;
		width:95%;
		display:block;
	}
}


.howto .camerapc_box p{
	float:left;
	margin:40px 0 0 0;
}
@media screen and (max-width:480px){
	.howto .camerapc_box p{
		float:none;
		margin:20px 0 0 0;
		text-align:center;
	}
}


.notepc-img{
	width: 60%;
}
.notepc{
	width: 100%;
	margin-top: -300px;
	margin-left: 60%;
}
.ht-wrapper2{
	padding: 60px 0 60px 10px;
}
.ht-wrapper2-top{
	padding:0 92px 30px 5px;
}

.ht-wrapper2-imgbox{
	margin:20px 0 0 60px;
}
.ht-wrapper2-imgbox img{
	width: 70%;
}
@media screen and (max-width:480px){
	.ht-wrapper2-imgbox img{
		width: 90%;
	}
}

.maru1{
	width: 82px;
	margin:30px 0 0 0;
}
@media screen and (max-width:480px){
	.maru1{
		margin: 20px 0 5px 5px;
	}
}
.maru1 img{
	width: 40px;
}


.nagare{
	margin-left: 10px;

}
.ht-midashi3{
	font-size: 2.5rem;
	font-weight: 600;
	color: #0119ae;
	text-align: left;
	margin:8px 0 5px 0;
}
.nagare-btn{
	width: 100%;
	border: #000000 solid 1px;
	display : inline-block;
	padding       : 10px 18px;
	font-size: 1.6rem;
	color: #0119ae;
	background-color: #ffffff;
	border-radius:10px / 10px;
	line-height: 3rem;
	font-weight: 700;
	margin-top: 20px;
	text-align: center;

}

.nagare-btn-midashi{
	width: 100%;
	border: #000000 solid 2px;
	display : inline-block;
	padding       : 10px 18px;
	font-size: 1.8rem;
	color: #ff0000;
	background-color: #ffffff;
	border-radius:10px / 10px;
	line-height: 3rem;
	font-weight: 900;
	margin-top: 20px;
	text-align: center;

}
@media screen and (max-width:480px){
	.nagare-btn-midashi{
		margin: 50px 0 0px 0;
		text-align: center;

	}

}



.sankaku{
	margin-top: 20px;
	font-size: 1.6rem;
	color: gray;
	text-align: center;
}
.moushikomibtn{
	width: 100%;
	background-color: #f9fdc6;
	display : inline-block;
	padding       : 30px 18px;
	font-weight: 600;
	font-size:2.5rem;
	color: black;
	border-radius:10px / 10px;
	line-height: 3rem;
	font-weight: 700;
	margin-top: 20px;
	text-align: center;
	z-index: 999;
}
@media screen and (max-width:480px){
	.moushikomibtn{
		width: 90%;
		padding       : 20px 9px;
		margin:20px auto 0 auto;
		display:block;
	}
}

.buttonbox-large{
	float:left;
	width:50%;
}
@media screen and (max-width:480px){
	.buttonbox-large{
		width:100%;
	}
}

.buttonbox-large .buttonbox .btn{
	border: #000000 solid 1px;
	width: 46%;
	display : inline-block;
	padding: 12px 18px;
	font-size: 1.7rem;
	color: #000000;
	background-color: #ffffff;
	border-radius:10px / 10px;
	line-height: 3rem;
	float: left;
	margin:10px 0 0 10px;
}
@media screen and (max-width:480px){
	.ht-syousai-parts .buttonbox .btn{
		width: 95%;
		margin:10px 0px 0 0px;
	}

}




.about{
	display: flex;
	font-size: 2rem;
	border-bottom: solid gray 1px;
	justify-content: space-between;
	margin-top: 10px;
}
.way-left{
	width: 47.5%;
	float:left;
	margin:0 0 0 10px;
}
.way-right{
	width: 47.5%;
}
.midashi0{
	font-size: 2.4rem;
	line-height: 1.4;
	margin: 20px 0;
	font-weight: 600;
}
@media screen and (max-width:480px){
	.midashi0{
		font-size: 2.5rem;
		line-height: 1.5;
		margin: 10px 0;
	}
}



.yellow-left{
	width: 47.5%;
	margin-right: 5%;
	font-size: 2rem;
	font-weight: 600;
	border-bottom: gray solid 1px;
	line-height: 2.5rem;
}
@media screen and (max-width:480px){
	.yellow-left{
		width: 90%;
	}
}


.yellow-right{
	width: 47.5%;
	border-bottom: gray;
	font-size: 2rem;
	font-weight: 600;
	border-bottom: solid gray 1px;
	line-height: 3rem;

}
@media screen and (max-width:480px){
	.yellow-right{
		width: 90%;
	}
}


.attention .komidashi{
	font-size: 1.7rem;
	margin:20px 0 10px 0;
	font-weight:700;
}

.attention li{
	font-size: 1.5rem;
	line-height:1.4;
	padding-left:1em;
	text-indent:-1em;
	margin:0 0 10px 10px;
	list-style:none;
}

.attention li::before{
	content:"・";
}

.attention .linktxt{
	margin:0 0 10px 30px;
	font-size:1.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width:480px){
	.attention .linktxt{
	  display: block;
	  flex-direction: none;
	  justify-content: none;
	}
	.attention .linktxt .linktxt2{
		margin:10px 0;
		line-height:1.7;
	}

}




.notebookpc{
	width: 30%;
}



@media screen and (max-width:480px){
	.ht-mokuji{
		margin-left: 0;
	}
	.ht-maru{
		padding: 0;
	}
	.ht-maru img{
		width: 100%;
	}
	.none{
		display: none;
	}
	.notepc{
		display: none;

	}
	.ht-wrapper2{
		padding: 0;
	}
	.ht-wrapper2-top{
		padding: 0;
		margin-top: 20px;
	}
	.goukakushousho{
		width: 100%!important;
	}
	.nagare{
		margin: 0;
	}
	.way-left{
		width: 100%;
		margin: 0;
	}
	.way-right{
		width: 100%;
		margin-top: 60px;
	}
	.notebookpc{
		display: none;
	}
}










/*qualified
-----------------------------------*/
#head{
	background:#666666;
	margin-bottom:5px;
}
#head div.head_width{width: 960px; margin: 0 auto;}
#qualified{
	margin:0 auto;
	max-width:1080px;
}
#head ul{
	margin-top:-22px;
	float:right;
	list-style:none;
}

#head ul li{
	font-size:bold;
	float:left;
	margin-left:20px;
}

#head ul li a, #head ul li a:visited{
	color:#ffffff;
}

#head ul li a:hover{
	text-decoration:none;
}


#qualified .oomidashi{
		font-size:2.7rem;
		color:#385723;
		margin:10px 0 10px 0;
		padding:20px 10px 20px 15px;

}

#qualified .komidashi{
		font-size:1.9rem;
		font-weight:bold;
		color:#000000;
		margin:10px 0 10px 10px;
		padding:10px 10px 10px 15px;
		width:80%;
		border-bottom: solid 1px #000000;

}
@media screen and (max-width:480px){
	#qualified .komidashi{
		font-size:1.5rem;
			width:95%;

	}
}


#qualified .read{
	font-size:1.7rem;
	line-height:1.4;
	padding-left:-1em;
	text-indent:1em;
	margin:0 0 0 20px;
}


#qualified .honbun{
	font-size:1.6rem;
	line-height:1.4;
	padding-left:-1em;
	text-indent:1em;
	margin:0 0 0 30px;
}
@media screen and (max-width:480px){
	#qualified .honbun{
		margin:0 10px 0 10px;
	}
}

#qualified .img_box{
		padding:0px auto 0px auto;
}
.img_box img{
		width:400px;
}
@media screen and (max-width:480px){
	.img_box img{
		margin:0 auto;
		display:block;
		width:80%;
	}
}

.img_box p{
		font-size:1.6rem;
		margin:20px 5px 30px 5px;
}


.img_box .tmp01{
	width:250px;
	float:left;
	clear:both;
	margin:20px 20px 0px 60px;
}
@media screen and (max-width:480px){
	.img_box .tmp01{
	float:none;
	display:block;
	width:70%;
	clear:both;
	margin:10px auto 10px auto;
	}
}




#qualified .komidashi2{
		font-size:1.6rem;
		font-weight:bold;
		color:#000000;
		margin:10px 0 10px 10px;
		padding:10px 10px 10px 15px;
		width:60%;
		border-bottom: solid 1px #000000;

}
@media screen and (max-width:480px){
	#qualified .komidashi2{
		font-size:1.4rem;
		width:95%;
		margin:10px 0 10px 10px;

	}
}

#qualified .honbun2_qualified{
	font-size:1.4rem;
	line-height:1.3;
	padding-left:-1em;

	margin:0 0 0 40px;
}
@media screen and (max-width:480px){
	#qualified .honbun2_qualified{
		margin:0 20px 0 20px;
	}
}

#qualified .meritform{
	background:#a2a2a2;
	width:80%;
	padding:20px;
	text-align:center;
	margin:10px auto;;
}
@media screen and (max-width:480px){
	#qualified .meritform{
		width:95%;
		padding:10px;
	}
}


#qualified .meritform .seal1{
	font-size:1.6rem;
	font-weight:700;
	float:left;
	margin:10px 0 0 190px;
}
@media screen and (max-width:480px){
	#qualified .meritform .seal1{
		float:none;
		margin:10px 0 0 20px;
	}
}


#qualified .meritform .seal2{
	font-size:1.5rem;
	float:left;
	margin:10px 0 0 0;
}
@media screen and (max-width:480px){
	#qualified .meritform .seal2{
		float:none;
		margin:10px 0 0 25px;
	}
}


#qualified .meritform .shikenmei2{
	font-size:1.5rem;
	background:#ffffff;
	padding:5px 5px;
	margin:0 0 10px 0;
	display:block;
	width:250px;
	border-radius:5px;
}
@media screen and (max-width:480px){
	#qualified .meritform .shikenmei2{
		padding:5px 5px;
		width:80%;
		margin:0 auto 10px auto;
	}

}





#qualified .kanou{
	width:550px; font-size:14px; margin:10px auto; padding:10px; background-color:#FFFF99; text-align:left; line-height:130%;
}
@media screen and (max-width:480px){
	#qualified .kanou{
		width:95%;
		margin:0 auto;
	}
}


#qualified .kanou p.kome{text-indent:-1em; padding-left:1em;}
#qualified .kanou .kanou_link{
	text-align:center;
	padding:5px;
	margin:15px 0 0 0;
	border:1px solid #000000;
	border-radius:5px;
	background:#ffffff;
	display:block;
}
#qualified .kanou .kanou_link a{
	display:block;
}


#qualified .inputbox {
  display: block;
  font-size: 16px;
  padding: 12px 15px;
  width: 480px;
  border-radius: 0;
  margin:0 auto;
  text-align:left;
}
@media screen and (max-width:480px){
	#qualified .inputbox {
	  width: 95%;
	}
}
#qualified .comment{
  font-size: 1.6rem;
  font-weight:bold;
  text-align:center;
  margin:0px 0 15px 0;
  color:#ffffff;
}

#qualified .comment2{
  font-size: 1.5rem;
  line-height:1.5;
  margin:10px 0 15px 0;
  color:#ffffff;
  text-align:left;
}
@media screen and (max-width:480px){
	#qualified .comment2{
	  font-size: 1.4rem;
	  text-align:left;
	  line-height:1.4;
	}
}
#qualified .comment2 .nintei{
	color:#f4fb7c;

}

#qualified .comment2 .seinen{
	color:#d2e9ff;

}

#qualified .inputbtn {
  font-size: 1.7rem;
  font-weight:900;
  padding: 10px 8px;
  width: 200px;
  border-radius:20px;
  margin:10px auto;
  background:yellow;
}

#qualified .inputbox {
  display: block;
  font-size: 16px;
  padding: 12px 15px;
  width: 480px;
  border-radius: 0;
  margin:0 auto;
  text-align:left;
}
@media screen and (max-width:480px){
	#qualified .inputbox {
	  width: 95%;
	}
}

.qualified ul.upgrade_list{list-style:none; margin: 0 0 0 15px;}


.qualified ul.upgrade_list li{
	position: relative; margin:0 0 10px 0;
	float:left;
}
@media screen and (max-width:480px){
.qualified ul.upgrade_list li{
	float:none;
}
}


.qualified ul.upgrade_list li .komiashi_li{
	font-size:1.7rem;
	font-weight:700;
	margin:10px 0 10px 0;
}
.qualified ul.upgrade_list li::after {display: block; content: ''; position: absolute; top: .7em; left: -1em; width: 8px; height: 3px; border-left: 2px solid #3498db; border-bottom: 2px solid #3498db; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.qualified h4.subtitle{
	color:#3366cc;
	border-bottom: 1px solid #dddddd; margin: 30px 0 10px 0;
	font-size:2.5rem;
}

.qualified .bar_pass{
	font-size:2.0rem;
	background:#558ED5; color:#ffffff; font-weight:bold; padding:5px 20px;
}

.qualified .pass_semi_koumoku{
	margin:10px 5px 0 25px;
	font-size:1.8rem;
}
.qualified .pass_semi_koumoku2{
	margin:10px 5px 10px 20px;
	font-size:1.8rem;
	font-weight:bold;  border-bottom:1px solid #000000;
	width:400px;
}
@media screen and (max-width:480px){
	.qualified .pass_semi_koumoku2{
		margin:10px 0px 10px 0px;
		width:100%;
	}
}

.qualified .upgrade_list .btn{
	float:left;
	background:#000000;
	color:#ffffff;
	margin:20px 0 0 10px;
	padding:5px 10px;
	font-size:1.5rem;
	border-radius:20px;
}
@media screen and (max-width:480px){
	.qualified .upgrade_list .btn{
		float:none;
		margin:15px auto 20px auto;
		font-size:1.5rem;
		display:block;
		width:80%;
		text-align:center;
	}
}


.qualified .upgrade_list .btn i{
	margin:0 5px 0 0;
}

.sealflex{
	display: flex;
	width: 100%;
	margin-top: 20px;
}
@media screen and (max-width:480px){
	.sealflex{
	  display: block;
	}
}
.sealflex .sealinfo{
	line-height: 2.5rem;
}
@media screen and (max-width:480px){
	.sealflex .sealinfo{
		line-height: 2.0rem;
		font-size: 1.5rem;
	}
}


.seal{
	margin-left: 40px;
	margin-top: 20px;
	font-size: 1.6rem;
}
.upgrade_list{
	font-size: 1.4rem;
	line-height:1.5;
}
.img_box_img{
	margin-right: 30px;
}
@media screen and (max-width:480px){
	.seal{
		margin: 20px 20px 0 20px;

	}
	.sealimg{
		width: 70%;
	}
	.img_box_img{
		margin-right: 0;
	}
}






.reviced .komidashi{
	border-bottom:2px solid #666666;
	font-size:25px;
	color:#666666;
	font-weight:bold;
	margin:10px 0 15px 0;
}


.reviced .honbun{
	font-size:100%;
	line-height:1.4;
	padding-left:-1em;
	text-indent:1em;
}



.reviced .komidashi2{
	font-size:20px;
	color:#000000;
	font-weight:bold;
	margin:10px 0 5px 10px;
}


.reviced .frame{
	border:1px solid #204da0;
	padding:0px;
	margin:0 0 20px 0;
}

.reviced .frame .komidashi3{
	font-size:17px;
	font-weight:bold;
	color:#ffffff;
	background:#204da0;
	padding:10px 0 10px 10px;

}

.reviced .btn1 {
	width:300px;
	font-size:1.5rem;
	border:1px solid #000000;
	border-radius:5px;
	padding:3px 8px;
	background:linear-gradient(#e6e6e7, #666666);
	color:#ffffff;
	margin:0 auto 0 auto;
	display:block;
}

.reviced .honbun {
	font-size:1.5rem;
	line-height:1.4;
}

@media screen and (max-width: 640px) {
  .reviced .tbl-r01 th,
  .reviced .tbl-r01 td {
    display: block;
    width: 100%;
  }
}

.entry_button_reviced{
	width:250px;
	background:linear-gradient(#204da0, #6183c2);
	color:#ffffff;
	border-radius:20px;
	text-decoration:none;
	text-indent:0em;
	font-weight:bold;
	padding:0px;
	text-align:center;
	float:right;
	margin-right:30px;
	padding: 5px;
}
.entry_button_reviced2{
	width:250px;
	background:linear-gradient(#204da0, #6183c2);
	color:#ffffff;
	border-radius:20px;
	text-decoration:none;
	text-indent:0em;
	font-weight:bold;
	padding:0px;
	text-align:center;
	float:right;
	margin-right:30px;
	padding: 5px;
}




.entry_button_reviced_new{
	font-size:14px;
	width:250px;
	background:linear-gradient(#204da0, #6183c2);
	color:#ffffff;
	border-radius:20px;
	text-decoration:none;
	text-indent:0em;
	font-weight:bold;
	padding:5px;
	text-align:center;
	float:right;
	margin:0 30px 0px 0;
}


.lis3{
	margin:10px 0 50px 10px;
	line-height:180%;
	font-size:14px;

	list-style-type:none;

}
.buntest{
	margin:10px 0 50px 10px;
	line-height:180%;
	font-size:14px;

	list-style-type:none;
}



.none{
	display: none;
}
@media screen and (max-width:480px){
	.none{
		display: block;
	}
	.lis3{
		margin: 20px 0 10px 0;

	}
	.buntest{
		margin: 20px 10px 10px 10px;
	}

	.entry_button_reviced{
		width: 90%;
		float: none;
		margin-left: 0;
		display: block;
		margin-right: 10%;
	}
	.entry_button_reviced2{
		width: 90%;
		float: none;
		margin-left: 0;
		display: block;
		margin-right: 5%;
		margin-left: 5%;
	}
	.entry_button_reviced_new{
		width: 90%;
		float: none;
		margin-left: 0;
		display: block;
		margin-right: 10%;
	}

}

/*ここからはsample.php用のcssです
-----------------------------------*/
#sample_mondai{
	margin:0px auto 40px auto;
	max-width:1080px;
	font-size:1.6rem;
	line-height: 2rem;
}

#sample_mondai .container{
	margin: 0px 20px;
}

#sample_mondai .header{
	background-color: #558ED5;
	margin-bottom: 20px;
	font-size: 4rem;
	padding: 30px;
}
@media screen and (max-width:480px){
	#sample_mondai .header{
		margin-bottom: 10px;
		font-size: 3rem;
		padding: 15px;
	}

}


#sample_mondai .title{
	background-color: #565656;
	color: white;
	padding: 10px 20px;
	margin-bottom: 15px;
}

#sample_mondai .subtitle{
	color: #0298d7;
	padding-bottom: 5px;
	font-size:1.7rem;
	border-bottom: solid 1px lightgray;
}

#sample_mondai .m_frame{
	margin: 40px 0px;
	border-bottom: solid 0.1px lightblue;
}

#sample_mondai .frame{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

#sample_mondai .s-1{
	width:2em;
	min-width:2em;
}

#sample_mondai .s-2{
	width:calc(100% - 2em);
	margin-bottom:20px;
}

#sample_mondai .m-1 {
	width: 3em;
	min-width: 3em;
}

#sample_mondai .m-2 {
	width: calc(100% - 3em);
	margin-bottom: 10px;
}

#sample_mondai .bx {
	padding: 10px;
	border: #000000 solid 1px;
	margin-bottom: 20px;
}

#sample_mondai .mb-1 {
	width: 6em;
	min-width: 6em;
}

#sample_mondai .mb-2 {
	margin-bottom: 10px;
}

#sample_mondai .k_frame{
	margin: 20px 0px;
	padding: 20px;
	border: lightgray solid 3px;
	border-radius: 20px;
}

#sample_mondai .k-2 {
	margin-bottom: 20px;
}


#sample_mondai .preparation {
	font-size:1.7rem;
	line-height:1.5;
	font-weight:700;
	text-align:center;
	margin:200px 5px 200px 5px;
}
@media screen and (max-width:480px){
	#sample_mondai .preparation {
		margin:80px 5px 80px 5px;
	}
}


@media screen and (max-width:480px){
	#sample_mondai .container{
		margin:0px 10px;
	}

	#sample_mondai .m_frame{
		margin-top: 20px;
	}

	#sample_mondai .frame{
		display:block;
	}

	#sample_mondai .k-2{
		width: 100%;
	}
}





/*pass
-----------------------------------*/
#pass{
	margin:0 auto;
	max-width:1080px;
	clear:both;
}

#pass .oomidashi{
		font-size:2.7rem;
		color:#1d2080;
		margin:10px 0 10px 0;
		padding:20px 10px 20px 15px;

}
#pass .komidashi1{
		font-size:2.1rem;
		line-height:1.5;
		font-weight:bold;
		color:#1d2080;
		margin:20px 0 10px 20px;
		width:100%;

}
@media screen and (max-width:480px){
	#pass .komidashi1{
			margin:20px 0 10px 0;
			width:100%;
			text-align:center;

	}
}

#pass .honbun{
		font-size:1.5rem;
		color:#000000;
		margin:20px 0 10px 30px;
		line-height:1.5;

}
@media screen and (max-width:480px){
	#pass .honbun{
			margin:20px 0 10px 10px;

	}
}

#pass .honbun2{
	font-size:1.5rem;
	color:#000000;
	text-align:center;
	margin:30px 0 0 0;
}


#pass .komidashi{
		font-size:1.9rem;
		font-weight:bold;
		color:#000000;
		margin:30px 0 10px 0;
		text-align:center;
		width:100%;

}
@media screen and (max-width:480px){
	#pass .komidashi{
		font-size:1.5rem;
		width:100%;
		text-align:left;
		padding-left:1em;
		text-indent:-1em;
	}
}


#pass .komidashi2{
	font-size:2.3rem;
	font-weight:bold;
	color:#000000;
	margin:30px 0 10px 0;
	text-align:center;
	text-decoration:underline;
}





#pass .passform{
	background:#1d2080;
	width:100%;
	padding:20px;
	text-align:center;
	margin:0 0 15px 0;


}


#pass .inputbox {
  display: block;
  font-size: 16px;
  padding: 12px 15px;
  width: 480px;
  border-radius: 0;
  margin:0 auto;
  text-align:left;
}
@media screen and (max-width:480px){
	#pass .inputbox {
	  width: 95%;
	}
}
#pass .comment{
  font-size: 1.6rem;
  font-weight:bold;
  text-align:center;
  margin:0px 0 15px 0;
  color:#ffffff;
}

#pass .comment2{
  font-size: 1.5rem;
  text-align:center;
  margin:10px 0 15px 0;
  color:#ffffff;
	padding-left:1em;
	text-indent:-1em;
}
@media screen and (max-width:480px){
	#pass .comment2{
	  font-size: 1.4rem;
	  text-align:left;
	}
}


#pass .inputbtn {
  font-size: 1.7rem;
  font-weight:900;
  padding: 10px 8px;
  width: 200px;
  border-radius:20px;
  margin:10px auto;
  background:yellow;
}

#pass p.errtxt2{
	margin:20px auto 10px auto;
	padding:0;
	font-size:1.5rem;
	text-decoration:underline;
	text-align:center;
	background:url(../img/passimg/err-modoru.gif) no-repeat;
	background-position:470px;
}
@media screen and (max-width:480px){
	#pass p.errtxt2{
		background:url(../img/passimg/err-modoru.gif) no-repeat;
		background-position:110px;
	}
}

#pass p.errtxt_no{
	margin:20px auto 20px auto;
	padding:0;
	font-size:1.5rem;
	text-decoration:underline;
	text-align:center;
}


#pass div.announcement{margin:0; padding:0;}
#pass p.congtxt1{
	margin:20px 0; padding:0;
	font-size:1.9rem;
	text-align:center;
}
#pass p.congimg1{
	margin:20px 0; padding:0;
	font-size:2.8rem;
	font-weight:bold;
	text-align:center;
	font-family: 'メイリオ', sans-serif;
}
@media screen and (max-width:480px){
	#pass p.congimg1{
		font-size:2.3rem;
	}
}


#pass div.announcement p.congimg2{
	margin:0; padding:0;
	text-align:center;
}
#pass div.announcement p.congtxt3{
	margin:30px 0 10px 0;
	padding:10px;
	font-size:1.7rem;
	text-align:center;
	background-color:#c9e8e8;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
#pass div.announcement p.pass-check{
	margin:15px 30px 0 10px;
	padding:0 0 0 23px;
	font-size:1.5rem;
	line-height:20px;
	background:url(../img/passimg/new-check.png) no-repeat left 2px;
}


/*おすすめ試験一覧*/
#pass .info{
	margin:20px 0 5px 10px;
	font-size:1.8rem;
	font-weight:bold;

}

#pass .info_box{
	height:auto;

}

#pass #ad-hyo{
	width:49%;
	border:solid 1px #000000;
	background-color:#FFFFE5;
	border-color:#000000;
	float:left;
	margin:10px 5px;
	height:177px;
}
@media screen and (max-width:480px){
	#pass #ad-hyo{
		width:100%;
		margin:10px 0px;
		height:auto;
	}
}

#pass #ad-hyo .main{margin:1px 5px 5px 5px; float:left;}
#pass #ad-hyo a,#ad-hyo-l a:visited{text-decoration:underline; color:blue;}
#pass #ad-hyo a:hover{text-decoration:none; background-color:#99ccff;}
#kaitou #ad-hyo h4.info{text-align:left; margin:20px 0; font-family:"HG丸ｺﾞｼｯｸM-PRO"}
#pass #ad-hyo p.title{
	text-align:left;
	font-size:1.5rem;
	font-weight:bold;
	margin:13px 0 10px 0;
	clear:both;
}
#pass #ad-hyo p.title2{text-align:center; font-size:14px; font-weight:bold; margin:-7px 0 0px 0; clear:both;}
#pass #ad-hyo p.lead{
	text-align:left;
	margin:0 0 0 125px;
	line-height:130%;
	font-size:1.4rem;
}
#pass #ad-hyo p.noimg{text-align:left; margin:0 0 0 15px; line-height:120%; font-size:12px;}
#pass #ad-hyo p.pipl_txt{
	text-align:left;
	margin:5px 0 5px 15px;
	line-height:120%;
	font-size:12px;
	font-weight:bold;
}
#pass #ad-hyo .float-l{margin:0 0 0 10px; float:left;}
#pass #ad-hyo .float-r{margin:0 0 0 10px; float:right;}





/*おすすめ部会*/

#pass #ad-hyo-large{
	width:76%;
	border:solid 1px #f15a25;
	background-color:#ffffff;
	border-color:#f15a25;
	margin:10px auto;
	display:block;

}
@media screen and (max-width:480px){
	#pass #ad-hyo-large{
		width:100%;
	}
}

#pass #ad-hyo-large .noimg{
	font-size:1.3rem;
	margin:10px 0 0 10px;
}
@media screen and (max-width:480px){
	#pass #ad-hyo-large .noimg{
		margin:5px 0 0 10px;
	}
}

#pass #ad-hyo-large .main{
	margin:1px 5px 5px 5px;
	float:left;
	width:100%;
}
@media screen and (max-width:480px){
	#pass #ad-hyo-large .main{
		margin:0px 0 0 0px;
	}
}



#pass #ad-hyo-large p.title{
	text-align:left;
	font-size:1.7rem;
	font-weight:bold;
	margin:10px 0;
	clear:both;
}
#pass #ad-hyo-large .float-l{margin:0 0 0 10px; float:left;}
#pass #ad-hyo-large .float-r{
	margin:0 0 0 10px;
	float:right;
}
#pass #ad-hyo-large .float-r img{

}
@media screen and (max-width:480px){
	#pass #ad-hyo-large .float-r img{
		width:90%;
	}
}



#pass #ad-hyo-large .main-l{
	margin:1px 5px 5px 5px;
	width:390px;
	float:left;
}
@media screen and (max-width:480px){
	#pass #ad-hyo-large .main-l{
		width:90%;
	}
}

#pass #ad-hyo-large .main-r{
	margin:1px 15px 5px 5px;
	width:270px;
	float:right;
}
@media screen and (max-width:480px){
	#pass #ad-hyo-large .main-r{
		width:90%;
		margin:0 auto 0 auto;
		float:none;
		display:block;
	}
}



#pass #ad-hyo-large li{text-align:left; margin:0 0 0 10px; line-height:180%; font-size:14px; counter-increment: cnt; list-style-type:none; padding-left:1.2em; text-indent:-1.2em;}
#pass #ad-hyo-large li:before{display: marker; content: "" counter(cnt) ". "; margin: 0 0px 0 0px; font-weight:bold;}
#pass #ad-hyo-large .kai_midashi{
	width:100%;
	background-color:#f15a25;
	font-weight:bold;
	font-size:1.6rem;
	font-family: 'メイリオ', sans-serif;
	text-align:center; color:#ffffff;
	padding:10px 0 10px 0;
}
@media screen and (max-width:480px){
	#pass #ad-hyo-large .kai_midashi{
		width:100%;
	}
}

#pass #ad-hyo-large .cam_waku{
	border:solid 2px #f94747;
	width:600px;
	border-radius:5px;
	margin:10px auto 0 auto;
	background-color:#fcf7d4;
	padding:5px;
}
@media screen and (max-width:480px){
	#pass #ad-hyo-large .cam_waku{
		width:90%;
	}
}

#pass #ad-hyo-large .cam_left{float:center;margin:10px 0 0 10px;}
#pass #ad-hyo-large .cam_right{
	float:center;
	text-align:center;
	font-size:1.6rem;
	line-height:1.4;
}
#pass #ad-hyo-large .cam_right span{
	font-weight:700;
	color:#ff0000;
	font-size:1.7rem;
}
#pass #ad-hyo-large h4{
	text-align:center;
	color:#f94747;
	font-size:1.8rem;
	font-weight:900;
	margin:0 0 5px 0;
}

#pass .nyukai{
	width:100%;
	margin:10px 0 20px 0;
}
#pass .nyukai p{
	font-size:1.5rem;
	text-align:center;
	margin:10px 0;
}
#pass .nyukai h4{
	font-weight:bold;
	font-size:1.8rem;
	text-align:center;
}










#pass .setumei{
	font-size: 1.5rem;
	line-height:1.3;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: baseline;
	margin:0 0 0 20px;

}
@media screen and (max-width:480px){
	#pass .setumei{
		font-size: 1.4rem;
		margin:0 0 0 5px;

	}
}



#pass .setumei:before{
	content: "※";
	font-weight:900;
    margin-right: 1px;
    color: #000000;

}


@media screen and (max-width:480px){
	#pass .setumei a{
	 width:100%;
	 text-decoration:underline;
	}
}
#pass .square_link{
	font-size:1.8rem;
	font-weight:bold;
	color:#1d2080;
	position: relative;
	padding-left: 15px;
	float:right;
	margin:20px 0 20px 0;

}
@media screen and (max-width:480px){
	#pass .square_link{
		font-size:1.6rem;
		margin:20px 0 20px 10px;

	}
}

#pass .square_link:before {
   content: "";
   position: absolute;
   top: .1em;
   left: -3px;
   width: 15px;
   height: 15px;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
   border-radius: 50%;
   background-color: #1d2080;
}

#pass .square_link:after {
   content: "";
   position: absolute;
   top: .5em;
   left: 1px;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   width: 4px;
   height: 4px;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
}




/*----------------------------------------------------
	不合格者画面
----------------------------------------------------*/

#pass div.announcement{margin:0; padding:0;}
#pass div.announcement p.congtxt1,#pass div.announcement p.failtxt1{margin:20px 0; padding:0; font-size:18px; text-align:center;}
#pass div.announcement p.congtxt1,#pass div.announcement p.failtxt1{margin:20px 0; padding:0; font-size:18px; text-align:center;}
#pass div.announcement p.congtxt1 strong,#pass div.announcement p.failtxt1 strong{margin:0 3px; padding:0; font-size:20px;}



#pass div.announcement p.congimg1{margin:0 0 20px 0; padding:0; text-align:center;}

#pass div.announcement p.congimg1_txt{text-align:center; font-weight:bold; font-size:40px; font-family: 'メイリオ', sans-serif; letter-spacing:2px; margin:0 0 20px 0;}


#pass div.announcement p.congimg2{margin:0; padding:0; text-align:center;}
#pass div.announcement p.congtxt2{margin:40px 0 10px 0; padding:0; font-size:16px; text-align:center;}
#pass div.announcement p.congtxt3{margin:60px 0 10px 0; padding:10px;
	font-size:16px; text-align:center; background-color:#c9e8e8; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
}
#pass div.announcement p.errtxt1{margin:40px 0 10px 0; padding:0; font-size:16px; text-align:center; line-height:24px;}
#pass div.announcement p.errtxt2{margin:20px auto 10px auto; padding:5px 0 5px 20px; font-size:16px; background:url(../img/passimg/err-modoru.gif) no-repeat left 12px; width:120px;}
#pass div.announcement p.errtxt2 a{text-decoration:underline; color:black;}
#pass div.announcement p.errtxt2 a:hover{text-decoration:none; color:red;}
#pass div.announcement p.congtxt2{margin:40px 0 10px 0; padding:0; font-size:16px; text-align:center;}

#pass div.announcement p.failtxt2{
	margin:40px 0 10px 0;
	padding:0;
	font-size:1.7rem;
	text-align:center;
	line-height:24px;
}
@media screen and (max-width:480px){
	#pass div.announcement p.failtxt2{
		font-size:1.5rem;
	}
}


#pass div.announcement p.failtxt3{margin:40px 0 10px 0; padding:0; font-size:1.7rem; text-align:center;}
#pass div.announcement p.failtxt4{
	margin:40px auto 10px auto;
	padding:5px 0 5px 20px;
	font-size:16px;
	background:url(../img/passimg/err-modoru.gif) no-repeat left 12px;
	width:350px;
}
#pass div.announcement p.failtxt4 a{text-decoration:underline; color:black;}
#pass div.announcement p.failtxt4 a:hover{text-decoration:none; color:red;}
#pass div.announcement p.perrtxt1{margin:40px 0 10px 0; padding:0; font-size:16px; text-align:center;}
#pass div.announcement p.perrtxt2{margin:30px 0 10px 0; padding:0; font-size:16px; text-align:center; line-height:24px;}
#pass div.announcement p.perrtxt2 span{font-size:24px; font-weight:bold;}
#pass div.announcement p.pass-check{margin:15px 30px 0 10px; padding:0 0 0 23px; font-size:14px; line-height:20px; background:url(/img/passimg/new-check.png) no-repeat left 2px;}


/*連チャレ用*/
#pass .title_calle{
	font-size: 2.5rem;
	font-weight: bold;
	color: #fc0202;
	text-align:center;
	margin:30px 0 10px 0;
}
#pass .subtitle_cap{
	font-size:1.5rem;
	margin:10px 0;
	color: #fc0202;
	font-weight: bold;
	text-align:center;
}
#pass #contents_title{
	font-size:1.5rem;
	background:#558ED5;
	color:#ffffff;
	font-weight:bold;
	padding:5px 20px;
}

#pass .m10{
	font-size:1.5rem;
	line-height:1.4;
	margin:10px;
}
#pass .challe_naiyo{
	font-size:1.5rem;
	color:#ff0000;
	line-height:1.4;
	text-align:center;
}
@media screen and (max-width:480px){
	#pass .challe_naiyo{
		font-size:1.4rem;
		text-align:left;
		padding-left:1em;
		text-indent:-1em;
	}
}



#pass div.form-waku2 input{padding:5px 10px;}
#pass div.form-waku2 input[type=button]{letter-spacing:3px; font-weight:bold;}
#pass div.form-waku2 {
	margin: 0px auto 1px auto;
	background-color: white;
	text-align:center;
	width:380px;
	font-weight:bold;
	font-size:1.9rem;
	font-family: 'メイリオ', sans-serif;
	letter-spacing:2px;
}

#pass div.form-waku2 p{
	text-align:center;
}
@media screen and (max-width:480px){
	#pass div.form-waku2 p{
		text-align:left;
	}
}


#pass div.form-waku2{
	font-size:1.5rem;
	margin:10px auto 20px auto;
	padding:10px 0; border:2px solid #333333;
	width:740px; text-align:center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #ababab));
	background:-webkit-linear-gradient(#fff, #DDD);
	background:-moz-linear-gradient(#fff, #DDD);
	background:-o-linear-gradient(#fff, #DDD);
	background:-ms-linear-gradient(#fff, #DDD);
	background:linear-gradient(#fff, #DDD);
}
@media screen and (max-width:480px){
	#pass div.form-waku2{
		width:100%;
	}
}



#pass div.form-waku3{
	width:640px; height:75px;padding:10px 10px;
}
@media screen and (max-width:480px){
	#pass div.form-waku3{
		width:100%;
	}
}


#pass div.form-waku3 input{ margin:20px 20px; float:left;}
#pass .fukidashi_img{float:left;}
#pass .challe_naiyo2{color:#ff0000; text-align:left;}


#pass .cambtn {
  font-size: 1.5rem;
  font-weight:900;
  padding: 10px 8px;
  width: 430px;
  border-radius:20px;
  margin:10px auto;
  background:yellow;
}
@media screen and (max-width:480px){
	#pass .cambtn {
  font-size: 1.1rem;
	  width: 95%;
	}
}




/*ロゴDL用*/


.qualified{
	max-width:1080px;
	clear:both;
}

.qualified .header{
	background-color: #558ED5;
	margin-bottom: 20px;
	font-size: 4rem;
	padding: 30px;
}
@media screen and (max-width:480px){
	.qualified .header{
		margin-bottom: 10px;
		font-size: 3rem;
		padding: 15px;
	}

}







.qualified .komidashi2{
	font-size:2.3rem;
	font-weight:bold;
	color:#000000;
	margin:30px 0 10px 0;
	text-align:center;
	text-decoration:underline;
}


.qualified .logodl{
	margin:0 0 10px 0; padding:0;


}
.qualified .logodl p.errtxt1{margin:40px 0 10px 0; padding:0; font-size:1.6rem; text-align:center; line-height:24px;}
.qualified .logodl p.errtxt2{margin:20px auto 10px auto; padding:5px 0 5px 20px; font-size:16px; background:url(../img/passimg/err-modoru.gif) no-repeat left 12px; width:120px;}
.qualified .logodl p.errtxt2 a{text-decoration:underline; color:black;}
.qualified .logodl p.errtxt2 a:hover{text-decoration:none; color:red;}
.qualified .logodl p.dlgo-p1{
	margin:40px 0 0 20px;
	padding:0;
	font-size:1.6rem;
}
@media screen and (max-width:480px){
	.qualified .logodl p.dlgo-p1{
		margin:0px 0 0 5px;
		text-align:left;
		font-size:1.4rem;
	}
}


.qualified .logodl .dlgo-p2{
	margin:30px 20px 10px 0;
	padding:10px;
	font-size:1.5rem;
	letter-spacing:2px;
	font-weight:700;
	text-align:center;
	background-color:#c9e8e8;
	border-radius:10px; -webkit-border-radius:10px;
	-moz-border-radius:10px;
}
@media screen and (max-width:480px){
	.qualified .logodl .dlgo-p2{
		margin:30px auto 10px auto;
		width:90%;
	}
}


.qualified p.pass-check{
	margin:15px 30px 0 10px;
	padding:0 0 0 23px;
	font-size:1.4rem;
	line-height:20px;
}
@media screen and (max-width:480px){
	.qualified p.pass-check{
		margin:15px 10px 0 0px;
	}
}

.qualified .pass-check i{
	margin:0 5px 0 0;
}


.qualified .honbun{

	font-size:1.5rem;
	margin:0 0 0 10px;
		line-height:1.5;
}

.qualified div.logodl input[type=submit]{
		border:1px solid #ee6419;
		width:280px;
		padding:10px;
		background:#ffeadf;
		margin:10px 0;
		font-size:1.7rem;
		font-weight:700;
		line-height:1.5;
		text-align:center;
}
@media screen and (max-width:480px){
	.qualified div.logodl input[type=submit]{
		width:90%;
		margin:10px auto;
	}
}


.qualified .komidashi{
	font-size:1.5rem;
	font-weight:bold;
	margin:0 5px;
	padding:5px 10px;
	text-align:left;
}

.qualified .btnbox{
	margin:0 0 0 20px;
}

.qualified .btnbox i{
	font-size:2.0rem;
	margin:0 5px 0 0;
}

.qualified .dl_button {
  font-size: 1.5rem;
  color:#000000;
  font-weight:900;
  padding: 10px 8px;
  margin:10px auto;
  background:#e0e0e0;
  border:1px solid #999999;

}


.qualified .shikenmei{
	margin:10px auto 20px auto;
	text-align:center;
	font-size:2.6rem;
	font-weight:700;
	line-height:1.4;
	color:#e16602;
}
@media screen and (max-width:480px){
	.qualified .shikenmei{
		font-size:2.0rem;
	}
}



.qualified .btnbox_narrow{
		border:1px solid #ee6419;
		width:280px;
		padding:10px;
		background:#ffeadf;
		margin:10px 0;
		font-size:1.7rem;
		font-weight:700;
		line-height:1.5;
		text-align:center;
		

}
@media screen and (max-width:480px){
	.qualified .btnbox_narrow{
			width:90%;
			margin:20px auto;
			display:block;
	}
}


#qualified .naiyoumidashibox h2{
	font-size:2.9rem;
	font-weight:700;
	margin:10px 0 5px 0;
}
#qualified .naiyoumidashibox hr{
	border:2px solid #130486;
}




#pass .qualified .img_cntl{
  margin:-20px 0 0 0;

}





#pass .setumei{
	font-size: 1.5rem;
	line-height:1.3;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: baseline;
	margin:0 0 0 20px;

}
@media screen and (max-width:480px){
	#pass .setumei{
		font-size: 1.4rem;
		margin:0 0 0 5px;

	}
}



#pass .setumei:before{
	content: "※";
	font-weight:900;
    margin-right: 1px;
    color: #000000;

}


#pass .setumei a{
 text-decoration:underline;
 word-break:keep-all;
 display: inline-block;
}
@media screen and (max-width:480px){
	#pass .setumei a{
	 width:100%;
	 text-decoration:underline;
	}
}



#pass .square_link{
	font-size:1.8rem;
	font-weight:bold;
	color:#385723;
	position: relative;
	padding-left: 15px;
	float:right;
	margin:20px 0 20px 0;

}
@media screen and (max-width:480px){
	#pass .square_link{
		font-size:1.6rem;
		margin:20px 0 20px 10px;

	}
}

#pass .square_link:before {
   content: "";
   position: absolute;
   top: .1em;
   left: -3px;
   width: 15px;
   height: 15px;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
   border-radius: 50%;
   background-color: #385723;
}

#pass .square_link:after {
   content: "";
   position: absolute;
   top: .5em;
   left: 1px;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   width: 4px;
   height: 4px;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
}
#pass .waku2{
	border: 1px solid #000000;
	padding:10px;
}
#pass .waku2 .komidashi3{
	font-weight:bold;
	font-size:1.7rem;
	text-align:left;
}
@media screen and (max-width:480px){
	#pass .waku2 .komidashi3{
		font-size:1.5rem;
		text-align:center;
	}
}

#btn_box{
	margin:10px auto 0 auto;
	padding:10px auto 10px auto;
	clear:all;
}

.green_btn{
	border: 1px solid #406cb4;
	border-radius:5px;
	width:300px;
	text-align:center;
	font-size:1.6rem;
	margin:10px auto;
	padding:5px;
	background:#e4fdd3;
}

/*----------------------------------------------------
	#情報セキュリティ検定
----------------------------------------------------*/

#cardup{
}
@media screen and (max-width:480px){
	#cardup{
		padding:0 5px;
	}
}


#cardup .ismidashibox .is_logo{
	width:60px;
	margin:3px 10px 3px 10px;
	
}
@media screen and (max-width:480px){
	#cardup .ismidashibox .is_logo{
		width:70px;
		margin:5px auto 5px auto;
		display:block;
	}
}

#cardup .is_midashi{
}
@media screen and (max-width:480px){
	#cardup .is_midashi{
		width:95%;
		margin:0 auto;
		display:block;
	}

}
#cardup .ismidashibox .midashibox2{
	background:#cc3300;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding:0px;
}
@media screen and (max-width:480px){
	#cardup .ismidashibox .midashibox2{
	  display: block;
	  flex-direction: none;
	  justify-content: none;
	  padding:10px 0 0 0;
	}
}


#cardup .ismidashibox .midashibox2 .komidashi1{
	font-size:3.7rem;
	font-weight:700;
	color:#ffffff;
	margin:30px 0 0 0;
}
@media screen and (max-width:480px){
	#cardup .ismidashibox .midashibox2 .komidashi1{
		font-size:2.9rem;
		text-align:center;
		margin:10px 0 0 0;
	}
}


#cardup .ismidashibox .midashibox2 .komidashi3{
	font-size:1.8rem;
	line-height:1.7;
	font-weight:700;
	color:#ffffff;
	background:#3366ff;
	margin:0px 0;
	width:320px;
	padding:18px 5px 5px 5px;
}
@media screen and (max-width:480px){
	#cardup .ismidashibox .midashibox2 .komidashi3{
		font-size:1.6rem;
		width:100%;
		margin:10px 0 0 0;
		padding:10px 5px 10px 5px;
	}
}


#cardup .h2-cardup{
 	background-color: #E3E3E3;
 	border-left: 5px double red;
 	border-bottom: 1px solid red;
 	text-align: left;
 	padding: 10px 15px;
 	margin: 30px 0 10px 0;
 	width: 680px;
 	font-size:2.0rem;
}
@media screen and (max-width:480px){
	#cardup .h2-cardup{
	 	width: 100%;
	 	font-size:1.9rem;
	}

}
#cardup .text1228{
	font-size:1.5rem;
	line-height:1.5;
padding-left:1em;
text-indent:-1em;
margin:0 0 0 20px;
	
}
@media screen and (max-width:480px){
	#cardup .text1228{
		margin:0 0 0 0px;
	}
}



#cardup .text1228 span{
	color:#ff0000;
	
}
#cardup .text1228 a{
	color:blue;
	text-decoration:underline;
	
}


#cardup .h2under{
	border:2px solid #021652;
	width:360px;
	margin:0 0 20px 0;
}





#cardup .koushinbox{
	border:2px solid #666666;
	border-radius:10px;
	background:#ffffcc;
	width:70%;
	margin:0 auto 20px auto;
	padding:10px;
}
@media screen and (max-width:480px){
	#cardup .koushinbox{
		width:95%;
		padding:5px;
	}
}





#cardup .koushinbox .check{
	font-size:1.7rem;
	font-weight:700;
	color:#032a01;
	line-height:1.7;
	padding-left:1em;
	text-indent:-1em;
	
	
}
@media screen and (max-width:480px){
	#cardup .koushinbox .check{
		margin:0 0 0 10px;
	}
}



#cardup .koushinbox .check i{
	margin:0 10px 0 15px;
	color:#d702f0;
}


#cardup .koushinbox .koushinline{
	border:1px dotted #d702f0;
	margin:10px;
}

#cardup .koushinbox .arrow{
	font-size:1.7rem;
	font-weight:700;
	line-height:1.5;
	margin:5px 0 0 20px;
	color:#990000;
}
@media screen and (max-width:480px){
	#cardup .koushinbox .arrow{
		font-size:1.6rem;
		margin:5px 0 0 10px;
	}

}


#cardup .koushinbox .arrow i{
	margin:0 10px 0 15px;
	color:#d702f0;
}


#cardup .koushinbox .arrow2{
	font-size:1.7rem;
	line-height:1.7;
	margin:0 0 0 30px;
}
@media screen and (max-width:480px){
	#cardup .koushinbox .arrow2{
		font-size:1.5rem;
		margin:0 0 0 10px;
	}
}


#cardup .koushinbox .arrow2 i{
	margin:0 10px 0 15px;
	color:#d702f0;
}
@media screen and (max-width:480px){
	#cardup .koushinbox .arrow2 i{
		margin:0 1px 0 15px;
	}
}



#cardup .ismebox{
	border:2px solid orange;
	border-radius:10px;
	background:#ffffcc;
	width:80%;
	margin:0 auto 20px auto;
	padding:10px;
	
  display: flex;
  flex-direction: row;
  justify-content: space-between;
	
}
@media screen and (max-width:480px){
	#cardup .ismebox{
		width:95%;
		padding:5px;
		
	  display: block;
	  flex-direction: none;
	  justify-content: none;
		
		
	}
}


#cardup .ismebox .check{
	font-size:1.7rem;
	line-height:1.5;
}

#cardup .ismebox .check2{
	font-size:1.9rem;
	font-weight:700;
	color:#ff0000;
	line-height:1.5;
	margin:0 0 0 10px;
}
#cardup .ismebox .txtbox{
	width:55%;
	padding:0 10px 0 0;
}
@media screen and (max-width:480px){
	#cardup .ismebox .txtbox{
		width:100%;
	}
}


#cardup .ismebox .btn-wrapper{
	width:45%;
	padding:10px auto;
}
@media screen and (max-width:480px){
	#cardup .ismebox .btn-wrapper{
		width:100%;
	}
}



#cardup .ismebox .btn-wrapper .btn2{
	background:#020079;
	padding:5px;
	color:yellow;
	font-size:1.5rem;
	line-height:1.4;
	text-align:center;
	margin:14px 0;
}
#cardup .ismebox .btn-wrapper .btn2 a{
	display:block;
}


#cardup .card_kikan{
	margin:0 0 0 20px;
}
@media screen and (max-width:480px){
	#cardup .card_kikan{
		margin:0 0 0 10px;
	}
}

#cardup .card_kikan .cardrenew_img{
	width:700px;
		margin:10px 0;
		display:block;
}
@media screen and (max-width:480px){
	#cardup .card_kikan .cardrenew_img{
		width:95%;
		height:auto;
		margin:10px auto;
	}
}



#cardup .card_kikan .kikanli1{
	font-size:1.5rem;
	line-height:1.5;
}

#cardup .card_kikan .kikanli2{
	font-size:1.5rem;
	line-height:1.5;
	margin:5px 0 0 10px;
	
}

#cardup .card_now_list2{

	border:1px solid #021652;
	width:80%;
		margin:0 auto;
		display:block;
}
@media screen and (max-width:480px){
	#cardup .card_now_list2{
		width:95%;
	}
}


#cardup .card_now_list2 .midashi{

	background:#021652;
	color:#ffffff;
	font-size:1.7rem;
	line-height:1.5;
	padding:5px;
	font-weight:700;
	text-align:center;
}
#cardup .card_now_list2 .date{
	padding:5px;
	margin:0 0 0 10px;

}
@media screen and (max-width:480px){
	#cardup .card_now_list2 .date{
		margin:0 0 0 0px;

	}
}


#cardup .card_now_list2 .date .left_li{
	font-size:1.5rem;
	line-height:1.7;
	list-style:none;
	padding-left:1em;
	text-indent:-1em;
}
@media screen and (max-width:480px){
	#cardup .card_now_list2 .date .left_li{
		margin:0 0 10px 0;
	}

}



#cardup .card_now_list2 .date .left_li::before{
  content: '・';
}



#cardup .card_flow_list{

	border:1px solid #04d82c;
	width:90%;
		margin:0 auto;
		display:block;
		background:#fdffe4;
}
@media screen and (max-width:480px){
	#cardup .card_flow_list{
		width:95%;
	}
}


#cardup .card_flow_list .midashi{

	background:#04d82c;
	color:#ffffff;
	font-size:1.7rem;
	line-height:1.5;
	padding:5px;
	font-weight:700;
	text-align:left;
}

#cardup .card_flow_list .date{
	padding:5px;
	margin:0 0 0 10px;

}
@media screen and (max-width:480px){
	#cardup .card_flow_list .date{
		margin:0 0 0 0px;

	}
}
#cardup .card_flow_list .date .kajo_suji{
	font-size:1.5rem;
	line-height:1.4;
	list-style:none;
	padding-left:1em;
	text-indent:-1em;
	margin:0 0 5px 0;

}
#cardup .card_flow_list .date .kajo_kome{
	font-size:1.4rem;
	line-height:1.4;
	list-style:none;
	padding-left:1em;
	text-indent:-1em;
	margin:0 0 5px 0;

}
#cardup .card_flow_list .date .kajo_kome span{
	color:#ff0000;

}


#cardup .card_flow_list .ninteilink{
	color:#5404a7;
	text-align:center;
	font-size:1.7rem;
	font-weight:700;
	margin:10px 0;

}
#cardup .card_flow_list .ninteilink a{
	text-decoration:underline;

}


#cardup .taikenki{
	color:#5404a7;
	text-align:center;
	font-size:1.7rem;
	font-weight:700;
	margin:20px 0;

}
#cardup .taikenki a{
	text-decoration:underline;

}


#cardup .renewqa{
	border: solid 1px rgb(38, 96, 255);
	border-radius: 10px;
	margin: 20px 0 0 10px;
	width:800px;
}
@media screen and (max-width:480px){
	#cardup .renewqa{
		margin: 20px auto;
		width:100%;
		display:block;
	}
}



#cardup .renewqa .midashi{
	border-radius: 10px 10px 0 0;
	padding: 10px;
	font-size: 1.7rem;
	line-height:1.5;
	color: white;
	text-align: left;
	background-color: rgb(38, 96, 255);
}

#cardup .renewqa .midashi i{
	margin:0 5px 0 0;
}

#cardup .renewqa .bun{
	font-size: 1.5rem;
	line-height:1.5;
	text-align: left;
	padding: 15px;
}

#cardup .renewqa .bun a{
	color:blue;
	text-decoration:underline;
}


#cardup .co_re{
	font-size:1.4rem;
	color:#ff0000;
	margin:0 0 0 20px;

}

#cardup .arrow_tmp{
	font-size:5.0rem;
	color:#ff0000;
	margin:0 auto;
	display:block;
	text-align:center;

}



#cardup .mimi{
	font-size:1.5rem;
	line-height:1.5;
	background:#d0ffd0;
	padding:10px;
	margin:20px 0;
}
#cardup .mimi a{
	color:#006600;
	text-decoration:underline;
}




/*----------------------------------------------------
	#カード更新ログインフォーム
----------------------------------------------------*/

#cardup_form{
	margin:0 auto 10px auto;
	max-width:860px;
}

#cardup_form .btn1 {
	font-size:1.5rem;
	border:1px solid #000000;
	border-radius:5px;
	padding:6px 8px;
	background:linear-gradient(#e6e6e7, #666666);
	color:#ffffff;
	margin:20px auto 10px auto;
	width:450px;
	text-align:center;
}
@media screen and (max-width:480px){
	#cardup_form .btn1 {
		font-size:1.5rem;
		padding:6px 4px;
		width:95%;
	}
}


#cardup_form .shikenmei{
	margin:10px auto 20px auto;
	text-align:center;
	font-size:2.1rem;
	font-weight:700;
	line-height:1.4;
	color:#000000;
}
@media screen and (max-width:480px){
	#cardup_form .shikenmei{
		font-size:2.0rem;
	}
}


#cardup_form .shikenmei2{
	margin:10px 0 10px 0;
	text-align:left;
	font-size:1.9rem;
	font-weight:700;
	line-height:1.4;
}

#cardup_form .shikenmei3{
	margin:10px 0 10px 0;
	text-align:right;
	font-size:1.7rem;
	font-weight:700;
	line-height:1.4;
}



#cardup_form .challe_sikaku .naiyo_midashi{

	font-size:2.0rem;
	font-weight:700;
	color:#ffffff;
	background:#666666;
	padding:5px 10px;
	text-align:center;
}
#cardup_form .challe_sikaku .naiyo_midashi2{

	font-size:1.8rem;
	font-weight:700;
	color:#ffffff;
	background:#666666;
	padding:5px 10px;
	text-align:center;
	width:600px;
	margin:0 auto;
	display:block;
}
@media screen and (max-width:480px){
	#cardup_form .challe_sikaku .naiyo_midashi2{
		width:90%;
}
}

#cardup_form .button_box2{
	padding:0 auto 0 auto;
	margin:0 auto 0 auto;
	width:300px;
}
@media screen and (max-width:480px){
	#cardup_form .button_box2{
		width:100%;
	}
}

#cardup_form .button_box2 .btn{
	font-size:1.4rem;
	margin:10px 0 0 10px;
	border:2px solid #333333;
	padding:3px 0;
	width:130px;
	text-align:center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #ababab));
	background:-webkit-linear-gradient(#fff, #DDD);
	background:-moz-linear-gradient(#fff, #DDD);
	background:-o-linear-gradient(#fff, #DDD);
	background:-ms-linear-gradient(#fff, #DDD);
	background:linear-gradient(#fff, #DDD);
	float:left;
}
@media screen and (max-width:480px){
	#cardup_form .button_box2 .btn{
		margin:10px auto 0 auto;
		display:block;
		width:90%;
		float:none;
	}
}

#cardup_form .button_box2 .btn_r{
	font-size:1.4rem;
	margin:20px 0 0 10px;
	border:2px solid #333333;
	padding:6px 0;
	width:120px;
	text-align:center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #ababab));
	background:-webkit-linear-gradient(#fff, #DDD);
	background:-moz-linear-gradient(#fff, #DDD);
	background:-o-linear-gradient(#fff, #DDD);
	background:-ms-linear-gradient(#fff, #DDD);
	background:linear-gradient(#fff, #DDD);
	float:left;
}
@media screen and (max-width:480px){
	#cardup_form .button_box2 .btn_r{
		margin:10px auto 0 auto;
		display:block;
		width:90%;
		float:none;
	}
}

#cardup_form .honbun{
	font-size:1.5rem;
	line-height:1.5;

}

#cardup_form .price{
	font-size:1.7rem;
	font-weight:700;
	line-height:1.5;
	text-align:center;
	margin:10px 0;

}
#cardup_form .price span{
	font-size:1.9rem;
	color:#ff0000;

}


#cardup_form .g_tokuten li{
	list-style-type: disc;
	font-size:1.5rem;
	line-height:1.4;
	margin:0 0 0 30px;

}

#cardup_form .p1{

	font-size:1.5rem;
	line-height:1.4;
}
#cardup_form .p2{
	margin:5px 0;
	font-size:1.5rem;
	font-weight:500;
	line-height:1.4;
	padding-left:3em;
	text-indent:-3em;
}

#cardup_form .p2 .co_blue{

	color:blue;

}


#cardup_form .p2 .co_green{

	color:green;

}

#cardup_form #kousin table{
	border-collapse:collapse; border:1px solid #D8D8D8; margin:10px auto; font-size:1.5rem; width:800px;
}
@media screen and (max-width:480px){
	#cardup_form #kousin table{
		width:95%;
		margin:0 auto;
		display:block;
	}
}


#cardup_form #kousin th{
	text-align:center;
	letter-spacing:2px; background-color:#CCFFFF; padding:5px; color:#000066; border:1px solid #D8D8D8;
	width:150px;
	line-height:1.4;
}
@media screen and (max-width:480px){
	#cardup_form #kousin th{
		width:100%;
		display:block;
	}
}

#cardup_form #kousin td{
	text-align:left; padding:5px; line-height:1.7; border:1px solid #D8D8D8;
}
@media screen and (max-width:480px){
	#cardup_form #kousin td{
		width:100%;
		display:block;
	}
}

#cardup_form #kousin .honbun{
	font-size:1.6rem;
	line-height:1.7;
}
#cardup_form #kousin .honbun .aka{
	color:#ff0000;
}

#cardup_form #kousin .excel_btn{
	text-decoration:none;
	padding:5px 10px;
	border-radius:5px;
	background:green;
	color:#ffffff;
	font-size:1.5rem;
	margin:15px 5px;
		width:90%;
}
@media screen and (max-width:480px){
	#cardup_form #kousin .excel_btn{
		margin:15px auto;
		display:block;
		width:90%;
	}
}


#cardup_form #kousin .excel_btn i{
	margin:0 5px 0 0;
}


#cardup_form ol li{
	 line-height:180%; font-size:1.5rem; counter-increment: cnt; list-style-type:none;
	 padding-left:1em;
	text-indent:-1em;

}
#cardup_form ol li::before{content: "" counter(cnt) ". ";}

#cardup_form .setsumei{
	font-size:1.5rem;
	line-height:1.5;
	margin:10px 0 0 0;
	padding-left:2em;
	text-indent:-2em;
	
}
#cardup_form .setsumei .co_green{
	color:green;
}
#cardup_form .setsumei .co_blue{
	color:blue;
}

/*----------------------------------------------------
	#semi-php
----------------------------------------------------*/
.semi-wrapper{
	padding: 40px;
}
@media screen and (max-width:480px){
	.semi-wrapper{
		padding: 5px;
	}

}
.semi-wrapper .setumei{
	font-size: 1.5rem;
	margin:0 0 10px 0;
}
.semi-wrapper .smartbtn{
	background:#1d2080;
	border-radius:5px;
	padding:7px 20px;
	color:#ffffff;
	margin:5px 0 0 10px;
	font-size:1.5rem;
	display:inline-block;
}
@media screen and (max-width:480px){
	.semi-wrapper .smartbtn{
		margin:5px auto 0 auto;
		display:block;
		text-align:center;
		width:90%;
	}
}

.semi-wrapper .honbun{
	font-size:1.7rem;
	line-height:1.4;
	padding-left:-1em;
	text-indent:1em;
}



.semi-wrapper .btn{

	border: #000000 solid 1px;

	width: 48%;
	display : inline-block;
	padding       : 12px 9px;
	font-size: 1.7rem;
	color: #000000;
	background-color: #ffffff;
	border-radius:10px / 10px;
	line-height: 3rem;
	margin:10px 10px 0 0;
}
@media screen and (max-width:480px){
	.semi-wrapper .btn{
	float: none;
	margin:10px auto 0 auto;
	padding: 12px 9px;
		width: 100%;
	}
}


.semi-wrapper .btn i{

	margin:0px 5px 0 0;
}



.semi-flex{
	display: flex;
	width: 100%;
}

.semi-midashi1{
	font-size: 2.1rem;
	width: 100%;
	font-weight: 700;
	color: rgb(7, 156, 255);
	text-align: left;
	border-bottom: rgb(7, 156, 255) solid 1px;
	margin-bottom: 20px;
}
.semi-bun{
	font-size: 1.7rem;
	line-height: 1.4;
}
.semi-midashi2{
	font-size: 2rem;
	color: #2e2e2f;
	margin:0 0 10px 0;
}
.semi-date{
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.7;
}
.whatisonline{
	font-size: 1.8rem;
}
.confirmsite{
	font-size: 1.8rem;
	line-height: 2rem;
	margin-top: 20px;
}
.confirmbtn{
	width: 50%;
	display: block;
}
.semi-wrapper2{
	width: 50%;
}
.shoseki-img{
	width: 20%;
}
.shoseki-bun{
	width: 80%;
	font-size: 1.8rem;
	line-height: 2rem;
}
.semi-book-btn{
	width: 100%;
	display: inline-block;
	font-size: 1.5rem;
	text-align: center;
	margin-top: 5px;
	line-height: 4rem;
	color: white;
	font-weight: 800;
}
.amazon{
	background-color: rgb(180, 128, 16);
}

.amazon_btn{
	font-size:1.7rem;
	font-weight:700;
	color: #ffffff;
	background-color: #DCA629;
	padding: 5px 10px;
	margin:5px 0px 0 17px;
	width: 280px;
	text-decoration:none;
}
@media screen and (max-width:480px) {
	.amazon_btn{
		margin:5px auto 0 auto;
		width: 90%;
		display:block;
	}
}


.amazon_btn i{
	margin:0 10px 0 10px;
}


.shikenmoushikomi_btn{
	font-size:1.7rem;
	font-weight:700;
	color: #ffffff;
	background-color: #e96403;
	padding: 5px 10px;
	margin:5px 0px 0 17px;
	width: 280px;
	text-decoration:none;
}
@media screen and (max-width:480px) {
	.shikenmoushikomi_btn{
		margin:5px auto 0 auto;
		width: 90%;
		display:block;
	}
}


.shikenmoushikomi_btn i{
	margin:0 10px 0 10px;
}



.densisyoseki_btn {
	font-size:1.7rem;
	font-weight:700;
    background-color: #19311B;
	color: #ffffff;
    padding: 5px 10px;
    vertical-align: middle;
	margin:5px 0px 0 17px;
	width: 280px;
	text-decoration:none;
}
@media screen and (max-width:480px) {
	.densisyoseki_btn{
		margin:5px auto 0 auto;
		width: 90%;
		display:block;
	}
}


.densisyoseki_btn i{
	margin:0 10px 0 10px;
}


.denshi{
	background-color: rgb(0, 43, 0);
}
.koushishoukai{
	border: #0000ff solid 0px;
	margin-top: 20px;
}

.onlinetest{
	background-color:#03089c;
}


.semi-book-btn-small{
	width: 140px;
	display: inline-block;
	font-size: 1.5rem;
	text-align: center;
	margin-top: 5px;
	color: #000000;
	padding:5px 10px;
	background-color:#fec003;
	border:1px solid #000000;
	border-radius:5px;

}
@media screen and (max-width:480px) {
	.semi-book-btn-small{
		width: 100%;
		margin:0 auto;
		display:block;

	}
}




.koushi-top{
	width: 100%;
	font-size: 2rem;
	background-color: blue;
	color: white;
	text-align: center;
	line-height: 4rem;

}
@media screen and (max-width:480px) {
	.koushi-top{
		margin:0 0 10px 0;
	}
}



.koushi{
	width: 44%;
	margin-left: 4%;
	margin-top: 20px;
	border: grey solid 1px;
	padding:10px 0 0 0;

}


.koushi img{
	 width:80%;
	 margin:10px auto 0 auto;
	 padding:10px auto 0 auto;
 display:block;
}



.koushi-bun{
	font-size: 1.6rem;
	line-height: 1.7rem;
	margin-top: 10px;
	padding:5px;
}


.koushi-bun .name{
	font-size: 1.7rem;
	text-align:center;
	line-height:1.6;
}



.koushi-bun .name span{
	font-size: 2.3rem;
	font-weight:700;
	margin:0px 0 0 10px;
}


.semi-nagare{
	margin-top: 20px;
	border-top: solid grey 1px;
}
.hitokoto{
	margin-top: 20px;
	border: rgb(71, 255, 47) solid 1px;
	border-radius: 20px;
	padding: 10px;
	font-size: 1.5rem;
	line-height: 1.7;
}
.hitokoto-bun{
	width: 75%;
}
@media screen and (max-width:480px) {
	.hitokoto-bun{
		width: 100%;
	}
}

.hitokoto-bun .honbun{
	font-size:1.5rem;
	line-height:1.4;
	padding-left:-1em;
	text-indent:1em;
}

.hitkoto-img{
	width: 24%;
	margin-left: 1%;
}
.semi-table{
	width: 100%;
	font-size: 1.5rem;
	line-height: 2rem;
	vertical-align: middle;
}
.semi-table td{
	vertical-align: middle;
	padding:5px;
}
.semi-naiyou{
	margin-top: 10px;
}
.semi-mogi{
	margin-top: 20px;
}
.semi-mogi-bun{
	width: 48%;
	margin-right: 15%;
	font-size: 1.5rem;
	line-height: 1.8rem;
}
.semi-mogi-img{
	width: 20%;
}
.semi-sonota{
	margin-top: 20px;
}

@media screen and (max-width:480px) {
	.semi-flex{
		display: block;
	}
	.semi-wrapper2{
		width: 100%;
	}
	.koushi{
		width: 100%;
		margin: 0;
	}
	.koushishoukai{

	}
	.confirmbtn{
		width: 100%;
		margin: 10px 0;
	}
	.shoseki-img{
		width: 60%;
		margin: 10px 20% ;
	}
	.shoseki-bun{
		width: 100%;
	}
	.hitokoto-img{
		width: 100%;
		margin:0 auto;
		display:block;
	}
	.forresponsibe{
		margin-top: 20px;
	}
	.semi-mogi-bun{
		width: 100%;
	}
	.semi-mogi-img{
		width: 70%;
		margin-left: 15%;
		margin-top: 30px;
	}
}



.naiyou-wrapper{
	width: 100%;
}




.naiyou-wrapper table {
	margin: 10px 0 0 0;
	border-collapse: collapse;
	border: 2px solid #DDDDDD;
	width: 100%;
}

.naiyou-wrapper th {
	padding: 5px;
	border: 2px solid #DDDDDD;
	font-size: 14px;
}

.naiyou-wrapper td {
	padding: 5px;
	line-height: 140%;
	border: 2px solid #DDDDDD;
	font-size: 12px;
}

.naiyou-wrapper td.kadai {
	white-space: nowrap;
	text-align: center;
}

.naiyou-wrapper td ul {
	margin: 0;
	padding: 0;
}

.naiyou-wrapper td li {
	margin: 5px 0 5px 13px;
	padding: 0;
	line-height: 16px;
}

.naiyou-wrapper .caption {
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.4;
	margin: 10px 0 0 0;
}

td.kadai {
	white-space: nowrap;
	text-align: center;
}

.naiyou-wrapper {
	margin: 0 0 50px 0;
}

.naiyou-wrapper td {
	vertical-align: middle;
}

.naiyou-wrapper .bar {
	background: #666666;
	color: #ffffff;
	font-weight: bold;
	padding: 10px 20px;
	font-size: 1.5rem;

	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;

}


.naiyou-wrapper .newinfobox {
	margin:10px 0;

}

.naiyou-wrapper .newinfobox .honbun{
	font-size:1.6rem;
	line-height:1.5;

}

.naiyou-wrapper .newinfobox .komidashi{
	font-size:1.7rem;
	font-weight:700;
	line-height:1.5;
	margin:5px 0 0 0;

}

.naiyou-wrapper .newinfobox li{
	font-size:1.5rem;
	line-height:1.5;
	margin:0 0 0 20px;
	list-style: none;

}

.naiyou-wrapper .newinfobox li::before{
  content: '・';
}


#schedule .gray_background {
	background: #e3e3da;
	overflow: auto;
	width: 100%;
}

#schedule .waku {

	background: #ffffff;
	width: 100%;
	float: left;
	margin:0 auto 10px auto;
	max-width:1080px;
	display: block;
	padding: 2.5%;
}
@media screen and (max-width:480px) {

	#schedule .waku {
		width: 100%;
		padding: 10px 0;
		clear: both;
		margin: 10px 0;
	}



}

.naiyou-wrapper .tyuui {

	font-size: 2rem;
	text-overflow: ;
	line-height:1.7;
}
.naiyou-wrapper .btn1 {

	border:1px solid #000000;
	border-radius:5px;
	padding:3px 8px;
	background:linear-gradient(#e6e6e7, #666666);
	color:#ffffff;
	margin:0 0 0 5px;
}


.naiyou-wrapper .btn2{

	border:1px solid #000000;
	border-radius:5px;
	background:#ff0000;
	padding:3px 8px;
	color:#ffffff;
	margin:0 0 0 5px;
}

@media screen and (max-width:480px) {
	.naiyou-wrapper table {
		margin: 20px 0 20px 0;
	}

	.naiyou-wrapper .tyuui {
		margin-left: 0;
		width: 100%;
		word-wrap: break-word;

	}
	.naiyou-wrapper .bar{
		width: 100%;
		margin: 20px 0 0 0;
	}
}

#piip,
#nns {
	margin-top: -50px;
	padding-top: 50px;
}


#nittei{
	margin:0 auto 0 auto;
	max-width:1080px;
}
#nittei .bar2 {
	background: #666666;
	color: #ffffff;
	font-weight: bold;
	padding: 10px 20px;
	font-size: 1.5rem;
	width: 100%;
	float:left;
	margin-top: 10px;
	margin-bottom: 10px;

}






#schedule .tbl_nittei2{
	 border:1px solid #999900;
	 border-collapse:collapse;
	 text-align:center;
	 margin:6px auto;
	 	width:100%;
}

#schedule .tbl_nittei2 th{
	font-size:1.5rem;
	border:1px solid #02693d;
	background-color:#f4fcf9;
	letter-spacing:2px;
	padding:3px;
	text-align:center;
}

#schedule .tbl_nittei2 td{
	border:1px solid #02693d;
	background-color:#FFF;
}


#schedule .tbl_nittei2 td.kaijo{
	border:1px solid #02693d;
	background-color:#FFF;
	font-size:12px;
	text-align:left;
	padding:5px;
	vertical-align: middle;
	line-height:1.3;
}
#schedule .tbl_nittei2 td.kaijo span{
	font-size:90%;
	margin-left:10px;
}

#schedule .tbl_nittei2 .td14{
	font-size:1.3rem;
	background-color:white;
	vertical-align: middle;
	padding:5px;
	letter-spacing: 0.2em;
}
@media screen and (max-width:480px){
	#schedule .tbl_nittei2 .td14{
		letter-spacing: 0em;
		padding:3px;
	}
}



#schedule .price td {
	padding: 3px;
}





#schedule .icon_table tr,#schedule .icon_table td{
	border: 0px solid #ffffff;
}

#schedule .kyokai1 {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0px 0 5px 10px;
}

#schedule .kyokai2 {
	font-size: 2.5rem;
	font-weight: bold;
	margin: 0px 0 20px 10px;
}

@media screen and (max-width:480px) {
	#schedule .kyokai2 {
		font-size: 1.9rem;
	}
}

#schedule .icon_img {
	padding: 10px;
	width: 90px;
}


#schedule .button_box {
	width: 100%;
	margin: 20px 0 20px 220px;
}

@media screen and (max-width:480px) {
	#schedule .button_box {
		width: 100%;
	}
}

#schedule .button_box .button {
	border: 1px solid #276fb7;
	border-radius: 10px;
	padding: 5px;
	text-align: center;
	font-size: 1.9rem;
	width: 300px;
	float: left;
	margin: 0 0 0 10px;
}

@media screen and (max-width:480px) {
	#schedule .button_box .button {
		width: 96%;
		float: none;
		margin: 0 auto 10px auto;
	}
}

#schedule .price {
	font-size: 1.9rem;
	font-weight: bold;
	margin: 20px 0 3px 20px;
	float: left;
}

@media screen and (max-width:480px) {
	#schedule .price {
		margin: 0 0 10px 10px;
	}
}

#schedule .price span {
	font-size: 1.5rem;
	font-weight: normal;
}



#schedule .price2 {
	float: left;
	font-size: 1.5rem;
	margin: 0 0 5px 40px;
	line-height: 1.2;
}

@media screen and (max-width:480px) {
	#schedule .price2 {
		margin: 0 0 10px 0;
	}
}

#schedule .caption {
	margin: 0 0 0px 40px;
}



#schedule .price td {
	padding: 3px;
}
#schedule_new .button_box {
	float:right;
}
@media screen and (max-width:480px){
	#schedule_new .button_box{
		width:100%;
		display:inline-block;
	}
}


#schedule_new .button_box .button2{
	border:1px solid #276fb7;
	border-radius:10px;
	padding:5px;
	text-align:center;
	font-size:1.9rem;
	width:300px;
	float:left;
	margin:0 0 0 10px;
}
@media screen and (max-width:480px){
	#schedule_new .button_box .button2{
		width:96%;
		float:none;
		margin:0 auto 10px auto;
	}
}

#schedule .button_box .button i{
	margin:0 5px 0 0;
}











@media screen and (max-width: 640px) {
	.last td:last-child {
		border-bottom: solid 1px #ccc;
		width: 100%;
	}

	.table-stack {
		width: 100%!important;
		word-wrap: break-word;
	}

	.table-stack th,
	.table-stack td {
		border-bottom: none;
		display: block;
		width: 100%;
	}
}

.nittei-flex{
	display: flex;
	width: 1300px;
	margin-left: 220px;
}
.nittei-flex-img{
	width: 20%;
	display: flex;
}
.nittei-flex-moji{
	width: 80%;
	font-size: 2rem;
	margin-left: 50px;
}
.nittei-flex-img img{
	width: 40%;
	margin-right: 10px;
}
@media screen and (max-width: 640px) {
	.nittei-flex{
		display: block;
		width: 100%;
		margin: 0;
	}
	.nittei-flex-img{
		width: 100%;
	}
	.nittei-flex-moji{
		width: 100%;
		margin: 0;
	}
}


@media screen and (max-width:480px){
	.table-scroll{
	  overflow: auto; /*スクロールさせる*/
	  white-space: nowrap; /*文字の折り返しを禁止*/
	}
}
/* 以下、スクロールバーを追加 */
.table-scroll::-webkit-scrollbar{　　
 height: 5px;
}
.table-scroll::-webkit-scrollbar-track{
 background: #333;
}
.table-scroll::-webkit-scrollbar-thumb {
 background: #999;
}

/* オンライン・De・資格キャンペーン */
.onlinede{
	border: black 1px solid;
	padding: 10px;
	border-radius: 10px;
	margin: 20px 0;
}
.onlinedeflex{
	display: flex;
}
.onlinedeleft{
	width: 60%;
}
.onlinederight{
	width: 37%;
	margin-left: 20px;
}
.onlinedered{
	font-size: 2rem;
	color: red;
}
.yazirushi{
	margin: 10px 20px 0 -5px;
}
.onlinedeouen{
	font-size: 2rem;
	margin-bottom: 10px;
}
.onlinedeblue{
	font-size: 2rem;
	color: rgb(44, 160, 255);
}
.onlinedebun{
	font-size: 1.5rem;
	margin-left: 10px;
	margin-top: 20px;

}
.onlinedebun2{
	margin-top: 30px;
	font-size: 1.5rem;
}
.onlythistime{
	font-size: 3rem;
	border: red solid 1px;
	padding: 5px 10px;
	color: red;
}
.onlinedebtn{
	margin-top: 30px;
	border: #000000 solid 1px;
	display : flex;
	height: 50px;
	font-size: 1.3rem;
	color: #000000;
	background-color: #2a4aff;
	color: white;
	border-radius:10px / 10px;
	text-align: center;
	justify-content: center;
	flex-direction: column;
	font-size: 1.3rem;
}
.yazirushi2{
	display: none;
}
.redlarge{
	font-size: 3rem;
}
@media screen and (max-width:480px){
	.onlinedeflex{
		display: block;
		width: 100%;
	}
	.redlarge{
		font-size: 2.5rem;
	}
	.yazirushi{
		display: none;
	}
	.yazirushi2{
		display: block;
		text-align: center;
		width: 100%;
		margin: 10px 0;
	}
	.onlinedebun2{
		margin-top: 15px;
	}
	.onlythistime{
		width: 100%!important;
		margin: 15px 0;
		text-align: center;
	}
	.onlinedebtn{
		width: 100%!important;
		text-align: center;
	}
	.onlinederight{
		width: 100%;
		margin: 0;
	}
}
.henkou{
	padding: 20px;
	border: #000000 solid 2px;
	margin-top: 20px;
	margin-bottom: 40px;
}
.henkoumidashi1{
	font-size: 2.5rem;
	font-weight: 700;
}
.henkoubun{
	font-size: 1.5rem;
	line-height: 2rem;
	margin: 10px 0;
}
.henkouflex{
	display: flex;
	margin: 10px 0;
}
.henkouleft{
	width: 50%;
	font-size: 1.5rem;
	line-height: 1.7rem;
	padding: 10px;
	text-align: left;
	border: #000000 solid 1px;
}
.henkouright{
	width: 50%;
	line-height: 1.7rem;
	font-size: 1.5rem;
	padding: 10px;
	text-align: center;
	border: #000000 solid 1px;
}
.henkoubtn{
	margin-top: 30px;
	border: #000000 solid 1px;
	display : flex;
	height: 50px;
	font-size: 1.3rem;
	color: #000000;
	background-color: #2a4aff;
	color: white;
	border-radius:10px / 10px;
	text-align: center;
	justify-content: center;
	flex-direction: column;
	font-size: 1.3rem;
	width: 30%;
	margin-left: 35%;
}
@media screen and (max-width:480px){
	.henkouflex{
		display: block;
	}
	.henkouright{
		width: 100%;
	}
	.henkouleft{
		width: 100%;
	}
	.henkoubtn{
		width: 100%;
		margin-bottom: 40px;
		margin: 0;
	}
}
.app-wrapper{
	padding: 30px 20px;
}

.app-wrapper .downloadbtnbox{
  display: flex;
  flex-direction: row;
  justify-content: space-around;

}
@media screen and (max-width:480px){
	.app-wrapper .downloadbtnbox{
		  display: block;
		  flex-direction: none;
		  justify-content: none;
	}

}



.app-wrapper .downloadbtnbox .downloadbtn2{
  background:#f3a775;
  color:#ffffff;
  font-size:1.5rem;
  font-weight:700;
  text-align:center;
  width:320px;
  border-radius:5px;
  padding:10px 5px;
  border:1px solid #666666;
}
@media screen and (max-width:480px){
	.app-wrapper .downloadbtnbox .downloadbtn2{
	  width:90%;
	  margin:10px auto;
	  display:block;
	}
}



.app-midashi1{
	font-size: 3rem;
	font-weight: 700;

}
.app-bun{
	font-size: 1.5rem;
	line-height: 1.7rem;
	margin: 20px 0;
}
.downloadbtn{
	margin:0 auto;
	display: block;
}
.shinkokusho{
	width: 100%;
	display: block;
}
@media screen and (max-width:480px){
	.downloadbtn{
		width: 95%;
		margin:0 auto;
		display: block;
	}
	.app-wrapper{
		padding: 20px 0;
	}
	.shinkokusho{
		width: 100%;
	}
}

.samform{
	width: 100%;
	border:1px solid #000000;
	margin:10px auto;

}
@media screen and (max-width:480px){
	.samform{
		width: 95%;
		display: block;

	}
}


.shikenleft{
	width:60%;
	border:2px solid #666699;
	float:left;
	padding:5px;
	border-radius:10px;
	margin:10px 0 0 0px;
	background:#ffffff;
}
@media screen and (max-width:480px){
	.shikenleft{
		width:100%;
		float:none;
		margin:10px auto;
	}
}


.shikenright{
	width:38%;
	border:2px solid #666699;
	float:left;
	padding:5px;
	border-radius:10px;
	margin:10px 0 0 5px;
	background:#ffffff;
}
@media screen and (max-width:480px){
	.shikenright{
		width:100%;
		float:none;
		margin:10px auto 0 auto;
	}
}



.shikenleft .kakusyu-wrapper .kakusyu{
	width: 100%;
	border-bottom: gray solid 0px;
	font-size: 2rem;
	float:left;
	margin:10px 18px 0 0;
}
.shikenright .kakusyu-wrapper .kakusyu{
	width: 100%;
	border-bottom: gray solid 0px;
	font-size: 2rem;
	float:left;
	margin:10px 18px 0 0;
}


.shikenleft .bar,.shikenright .bar{
	width: 100%;
	background:#666699;
	font-size: 2rem;
	color:#ffffff;
	font-weight:700;
	padding:5px;
	margin:0 0 10px 0;
}
.shikenleft h3{
	font-size: 1.8rem;
	font-weight:700;
	margin:5px 0;
}

.shikenright h3{
	font-size: 1.7rem;
	font-weight:700;
	margin:5px 0;
}

.shikenleft .komidashi_nittei{
	font-size: 1.5rem;
	font-weight:normal;
	margin:10px 0 5px 0;
}

.shikenright .komidashi_nittei{
	font-size: 1.4rem;
	font-weight:normal;
	margin:10px 0 5px 0;
}


.shikenleft h4{
	font-size: 1.7rem;
	font-weight:700;
	margin:5px 0;
}

.shikenright h4{
	font-size: 1.6rem;
	font-weight:700;
	margin:5px 0;
}
.shikenleft .pdfbtn,.shikenright .pdfbtn{
	background:#311507;
	border-radius:5px;
	padding:5px;
	display:inline-block;
	font-size:1.5rem;
	color:#ffffff;
}
@media screen and (max-width:480px){
	.shikenleft .pdfbtn,.shikenright .pdfbtn{
		display:block;
		font-size:1.5rem;
		color:#ffffff;
		width:100%;
		text-align:center;
	}
}

.shikenleft .pdfbtn i,shikenright .pdfbtn i{
	margin-right:10px;
}


.shikenright .juyo{
		font-size:1.5rem;
	border:3px solid #ff0000;
	text-align:center;
	border-radius:10px;
	margin:15px;
	padding:5px;
	text-decoration:none;
	color:#ff0000;
	line-height:1.4;
}
.shikenright .juyo a{
	text-decoration:none;
}
.reviced_top{
	border:2px solid #000000;
	padding:10px 20px;
	margin:0 0 20px 0;
}
.reviced_top h3{
	text-align:center;
	font-size:2.5rem;
	line-height:1.3;
	margin:0 0 5px 0;
}
.reviced_top .honbun{
	font-size:100%;
	line-height:1.4;
	padding-left:-1em;
	text-indent:1em;
}

.reviced_top .frame{
	border:1px solid #000000;
	padding:5px 20px;
	margin:5px auto 10px auto;
	width:86%;
}
@media screen and (max-width:480px){
	.reviced_top .frame{
		padding:5px 5px;
		margin:5px auto 10px auto;
		width:100%;
	}
}
.reviced_top .redframe{
	font-size:1.6rem;
	border:1px solid #ff0000;
	border-radius:5px;
	padding:5px 10px;
	margin:5px auto 10px auto;
	width:26%;
}
@media screen and (max-width:480px){
	.reviced_top .redframe{
		font-size:1.6rem;
		width:80%;
	}
}

.reviced_top .komidashi_main{
	font-weight:600;font-size:2.4rem;
	color:#333333;
	line-height:3.5rem;
	margin:0 0 5px 0;
}
@media screen and (max-width:480px){
	.reviced_top .komidashi_main{
		font-size:1.9rem;
		line-height:2.1rem;
	}
}

.reviced_top .frame .honbun1{
	width:100%; display:block; text-align:center;
}
@media screen and (max-width:480px){
	.reviced_top .frame .honbun1{
		text-align:left;
	}
}

.reviced_top .frame .honbun3{
	width:100%;
	display:block;
	text-align:center;
	color:#0803db;
}
@media screen and (max-width:480px){
	.reviced_top .frame .honbun3{
		text-align:left;
	}
}


.reviced_top .frame .shikenmei{
	font-size:18px;
	font-weight:900;
}
.reviced_top .frame .shikenmei .date{
	font-size:16px;
	font-weight:normal;
	margin-left:20px;
}
.reviced_top .frame .shikenmei .honbun{
	font-size:14px;
	margin-left:10px;
	font-weight:normal;
}
.reviced_top .frame .honbun2{
}
.reviced_top .entry_button_reviced_top{
	display:inline-block;
	background:linear-gradient(#204da0, #6183c2);
	color:#ffffff;
	border-radius:10px;
	text-decoration:none;
	text-indent:0em;
	font-weight:bold;
	padding:5px 5px;
	text-align:center;
	margin:0 auto 0 auto;
	margin-top: 10px;
	padding: 10px;
}


/*----------------------------------------------------
	法改正（reviced.php）
----------------------------------------------------*/

.reviced .komidashi{
	border-bottom:2px solid #666666;
	font-size:25px;
	color:#666666;
	font-weight:bold;
	margin:10px 0 15px 0;
}


.reviced .honbun{
	font-size:100%;
	line-height:1.4;
	padding-left:-1em;
	text-indent:1em;
}



.reviced .komidashi2{
	font-size:20px;
	color:#000000;
	font-weight:bold;
	margin:10px 0 5px 10px;
}


.reviced .frame{
	border:1px solid #204da0;
	padding:0px;
	margin:0 0 20px 0;
}

.reviced .frame .komidashi3{
	font-size:17px;
	font-weight:bold;
	color:#ffffff;
	background:#204da0;
	padding:0 0 0 10px;

}

.entry_button_reviced{
	width:250px;
	background:linear-gradient(#204da0, #6183c2);
	color:#ffffff;
	border-radius:20px;
	text-decoration:none;
	text-indent:0em;
	font-weight:bold;
	padding:0px;
	text-align:center;
	float:right;
	margin-right:10px;
}

.entry_button_reviced_new{
	font-size:14px;
	width:250px;
	background:linear-gradient(#204da0, #6183c2);
	color:#ffffff;
	border-radius:20px;
	text-decoration:none;
	text-indent:0em;
	font-weight:bold;
	padding:5px;
	text-align:center;
	float:right;
	margin:0 10px 0px 0;
}


.reviced .frame li{
	margin:10px 0 30px 10px;
	line-height:180%;
	font-size:14px;
	counter-increment: cnt;
	list-style-type:none;
	padding-left:2em;
	text-indent:-2em;
}

.reviced .frame li::before{content: "（" counter(cnt) "）"; font-weight:bold;}


.reviced_top p{
	font-size: 1.5rem;
	line-height: 2rem;
}

/* side */
#side p{
	margin-bottom:10px;
}

#side #bc_btn_01{position:relative;}
#side #bc_btn_01 a{position:absolute; top:0; left:0; width:210px; height:36px;}
#side #bc_btn_01 .title{margin:10px 0 0 10px; font-size:110%; font-weight:bold; color:#ffffff; position:absolute; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
#side #bc_btn_01 .title2{margin:14px 0 0 8px; font-size:90%; font-weight:bold; color:#ffffff; position:absolute; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
#side #bc_btn_01 .honbun{margin:5px 0 0 150px; font-size:100%; font-weight:bold; color:#000000;}




#side #bc_btn_01_new{

margin:14px 0 0 8px;
font-size:90%; font-weight:bold; color:#ffffff; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
background-image: url("../../img/bnr_btn_base.jpg");
}



#side a:visited{color:#000000;}
#side a:hover{color:#ff0000; text-decoration: underline;}


#s_box{
	margin-bottom:20px;
}
#s_box h5{
	color:#ffffff;
	font-weight:normal;
	background:#0A51A1;
	text-align:center;
	padding:10px;
}
#s_box ul, #e_box ul, #link ul, #n_box ul{
	list-style-type:none;
	margin:0;
}
#s_box li{
	border-bottom:1px solid #cccccc;
}
#s_box a{
	text-decoration:none;
	display:block;
	height:30px;
	padding:15px 0 0 5px;
	color:#333333;
}
#s_box a:visited, #e_box a:visited, #link a:visited, #n_box a:visited{
	color:#333333;
}


#s_box .semibtn{
	line-height:1.4;
	border-bottom:1px solid #cccccc;
	height:50px;
}


#s_box .semibtn a{
	text-decoration:none;
	display:block;
	padding:5px 0 0 5px;
}





#s_box_no h5{
	color:#ffffff;
	font-size:15px;
	font-weight:normal;
	background:#558ED5;
	text-align:center;
	padding:10px;
	margin:0 0 5px 0;
}


#ban_apip{position:relative; width:221px; height:71px; border:0px solid #000099; margin:40px auto 10px auto; line-height:1.3; background:url(../img/apip/conlogo_go210.gif) left top no-repeat;}
#ban_apip p.ptitle1{margin:-35px 0px 0px 85px; padding:0 0 0px 0; font-size:13px; font-weight:normal; width:221px; height:71px;}
#ban_apip a{display:block; position:absolute; top:0; left:0; width:221px; height:71px;}
#ban_apip a:hover{background-color:#EEEEEE; opacity:0.5;}



#e_box a:hover, #link a:hover,  #n_box a:hover{
	text-decoration:none;
	color:#ff6633;
}
#e_box{
	margin-bottom:10px;
}
#e_box li{
	border:1px solid #cccccc;
    font-size:13px;
}
#e_box h5{
	margin:20px 0 5px 0;
	font-size:1.7rem;
	font-weight:700;
	text-align:center;
}
#e_box a, #link a, #n_box a{
	text-decoration:none;
	display:block;
	height:20px;
	padding:5px 0 0 5px;
	color:#333333;
}
#link h5{
	border-bottom:1px solid #99cc44;
	padding:3px;
	margin-bottom:10px;
}
#link a{
	font-size:85%;
	padding:0 0 0 10px;;
}
#n_box h5{
	border-bottom:1px solid #99cc44;
	padding:3px;
	margin-bottom:10px;
}
#n_box a{
	font-size:85%;
	padding:0 0 0 10px;
	line-height:100%;
}
#n_box li{
	margin-bottom:10px;
}
#n_box span{
	color:#669900;
}
#side .goukakuset_info{border:1px solid gray; padding:5px; border-radius:5px; margin:0 0 10px 0}
#side .side_bann{margin:0 0 20px 0;}
#side .side_bann img{margin:10px 0 0 0;}



/* apip.php */
#main2{
	width: 100%;
}
.apip-flex{
	display: flex;
	width: 100%;
	margin: 10px 0;
}
.apip-flex-top{
	display: flex;
	width: 100%;
	margin: 10px 0;
}
@media screen and (max-width:480px) {
	.apip-flex-top{
		display: flex;
		width: 100%;
		margin: 170px 0 10px 0;
	}
}


.cur-part .chuui{
		font-size:1.5rem;
		line-height:1.4;
		margin:10px 0 0 0;

}


#side {
	width: 200px;
	order: 1;
}
#side_news{
	border:1px solid #3399cc;
	border-radius:10px;
	padding:5px;
	margin-top:10px;
}
#side_news h5{
	font-size:140%;
	color:#3399cc
}
#side_news h6{
	color:#ffffff;
	padding:2px 2px 2px 15px;
	background:url(../img/annai_li.gif) no-repeat 2px 5px #3399cc;
}
#side_news p{
	padding:2px 0 10px 10px;
}
/*----------------------------------------------------
	#side
----------------------------------------------------*/
#side {
	width: 200px;
	order: 1;
}

#left_menu {
	background-color: #EEEEEE;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 2px 2px 0 2px;
}

#left_menu h2 {
	font-size: 120%;
	background: url(../img/li0.gif) no-repeat 6px center;
	padding: 8px 5px 3px 25px;
	background-color: #CCCCCC;
	border-bottom: 1px solid #666666;
	border-top: 3px solid #666666;
}

#left_menu ul {
	list-style: none;
	margin: 13px 0 13px 1px;
}

#left_menu li {
	background: url(../img/li1.gif) no-repeat left center;
	margin: 10px 0;
	padding: 0 0 0 17px;
	line-height: 100%;
}

/*----------------------------------------------------
	#s_box
----------------------------------------------------*/
#s_box{
	margin-bottom:20px;
}
#s_box h5{
	margin:15px 0 0 0;
	color:#ffffff;
	font-weight:normal;
	background:##0A51A1;
	text-align:center;
	padding:10px;
}
#s_box ul, #e_box ul, #link ul, #n_box ul{
	list-style-type:none;
	margin:0;
}
#s_box li{
	border-bottom:1px solid #cccccc;
}
#s_box a{
	text-decoration:none;
	display:block;
	height:30px;
	padding:15px 0 0 5px;
	color:#333333;
}
#s_box a:visited, #e_box a:visited, #link a:visited, #n_box a:visited{
	color:#333333;
}
#s_box a:hover{
	text-decoration:none;
	color:#338095;
}

#s_box2 {
	border: 3px outset #3333cc;
	margin-bottom: 10px;
	background-color: #ccccff;
	padding: 3px;
}

#s_box2 p.kyuusi1 {
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 10px 0;
}
#s_box2 a{
	width: 100%;
}

#s_box2 p.kyuusi2 {
	font-size: 14px;
	line-height: 16px;
}

#side #s_box3 {
	margin-bottom: 10px;
	margin-top: 5px;
}

#side #s_box3 a {
	position: relative;
	display: block;
	text-decoration: none;
	background: #ffffff;
	color: #666666;
	padding: 10px;
	margin: 5px 0;
	font-size: 14px;
	font-weight: 900;
	border: 1px solid #999999;
	box-shadow: 2px 2px 5px #999999;
	;
	width: 100%;
}

#side #s_box3 a::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	border-bottom: 10px solid transparent;
	border-left: 10px solid #ff9966;
}

#side #s_box3 a::after {
	position: absolute;
	right: 0;
	bottom: 0;
	content: "";
	border-top: 20px solid transparent;
	border-right: 20px solid #ff9966;
}

#side #s_box3 a:hover {
	background: #999999;
	color: #ffffff;
}

.topimg{
	width: 100%;
}
.topimg img{
	width: 100%;
	margin: 20px 0;
}

.apip-midashi0{
	font-size: 1.9rem;
	line-height:1.4;
	font-weight: 700;
	border:1px solid #000000;
	padding:5px;
	text-align:center;
	margin:10px 0;
}
@media screen and (max-width:480px){
	.apip-midashi0{
		font-size: 1.7rem;
		text-align:left;
	}
}


.apip-midashi1{
	font-size: 1.7rem;
	line-height:1.4;
	font-weight: 600;
}
.apip-bun{
	font-size: 1.5rem;
	line-height:1.4;
	margin: 20px 0;
}
.apip-bun p{
	font-size: 1.5rem;
	line-height:1.4;
	padding-left:-1em;
	text-indent:1em;
}

.apip-bun-red{
	font-size: 1.5rem;
	color:#ff0000;
	line-height:1.4;
	margin: 20px 0;
}

.apip-flex .apip-btn{
	display: block;
	width: 20%;
	margin-right: 20px;
	font-size: 1.5rem;
	padding: 10px 0;
	text-align: center;
	border: #000000 solid 1px;
	box-shadow: 5px 5px #f9a5a5;
}
.apip-flex .apip-btn:hover{
	box-shadow: 5px 5px blue;
}

.apip-blue-box{
	padding:5px;
	border: #0074f8 solid 1px;
}
.apip-blue-midashi{
	font-size: 1.7rem;
	font-weight: 700;
	color: blue;
	width: 100% ;
	padding: 3px;
	border-bottom: #000000 solid 1px;
	margin-bottom: 10px;
}
.box-left{
	width: 15%;
	font-size: 1.8rem;
	font-weight: 500;
}
.box-right{
	width: 80%;
	margin-left: 20px;
}
.fa-solid{
	margin-right: 5px;
}
.orange-btn{
	display: block;
	font-size: 1.6rem;
	font-weight: 500;
	color: white;
	background-color: orange;
	padding: 9px 0;
	border-radius: 10px;
	margin: 15px 0;
	width: 50%;
	text-align: center;
}
.face{
	width: 20%;

}
.face img{
	width: 100%;
}
.face .apip-bun{
	width: 100%;
	text-align: center;
	line-height:1.4;
}
.message-right{
	width: 75%;
	margin-left: 10px;
}

.message-right .teacher{
	font-size:2.0rem;
	font-weight:700;
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",sans-serif;
}
@media screen and (max-width:480px){

	.message-right .teacher{
		text-align:center;
	}

}



.smallbtn{
	display: block;
	font-size: 1.6rem;
	font-weight: 500;
	color: white;
	background-color: orange;
	padding: 10px 0;
	border-radius: 10px;
	text-align: center;
	text-decoration:none;

	margin: 8px 0;
	width: 35%;
	margin-left: 10px;
}

.smallbtn a{
	font-size: 1.7rem;
	font-weight: 700;
	color: white;

}
.smallbtn i{
	margin:0 5px 0 0;

}

.apip-btn2{
	display: block;
	width: 35%;
	margin-right: 2%;
	font-size: 1.5rem;
	padding: 10px 0;
	text-align: center;
	border: #000000 solid 1px;
	box-shadow: 5px 5px #f9a5a5;
	margin-top: 30px;
}
.rd{
	color: red;
}
.box-right .apip-bun{
	margin-top: 0;
}
.apip-midashi2{
	width: 100%;
	margin: 10px 0;
	padding: 5px 0;
	text-align: center;
	font-size: 1.6rem;
	color: white;
	background-color: #0074f8;
}
.awesome2{
	color: orange;
}
.apip-midashi3{
	font-size: 1.8rem;
	font-weight: 400;
	color: #0074f8;
	width: 100%;
	margin: 20px 0;
	border-bottom: #000000 solid 1px;
	line-height: 2rem;
}
.cur-left{
	width: 50%;
	margin: 10px 2%;
}
.cur-right{
	width: 50%;
	margin: 10px 2%;
}
.cur-midashi{
	width: 100%;
	color: white;
	font-size: 1.7rem;
	font-weight: 500;
	text-align: center;
	padding: 6px 0;
	background-color: #0074f8;
}
.cur-bun{
	font-size: 1.4rem;
	line-height:1.4;
	padding: 10px 5px;
	border: solid gray 1px;
}
.cur-bun h2{
	font-size: 1.6rem;
	color: red;
	margin-bottom: 10px;
}
.sankaku{
	margin: 10px 46%;
	width: 8%;

}
.sankaku img{
	width: 100%;
}
.st{
	font-weight:600 ;
}
.graymidashi{
	margin: 10px 0;
	width: 100%;
	padding: 7px 10px;
	font-size: 1.6rem;
	color:#ffffff;
	font-weight: 500;
	background-color: gray;
	border-left: blue 10px solid;
}
.apip-btn2:hover{
	box-shadow: 5px 5px blue;
}

@media screen and (max-width:480px) {
	.apip-flex{
		display: block;
		margin:10px 0 0 0;
	}
	.apip-flex-top{
		display: block;
		margin:170px 0 0 0;
	}
	.main2{
		margin: 10px 0!important;
	}
	.apip-flex .apip-btn{
		width: 100%;
		margin: 10px 0;
	}
	.box-right{
		width: 100%;
		margin: 10px 0;
	}
	.apip-midashi2{
		margin-right: 10px;
	}
	.face{
		width: 70%;
		margin-left: 15%;
	}
	.message-right{
		width: 100%;
		margin: 10px 0;
	}
	.box-right .lis{
		margin-left: 15px;
	}
	.box-left{
		width: 100%;
	}
	.smallbtn{
		width: 100%;
		margin: 10px 0;
	}
	.apip-btn2{
		width: 100%;
		margin: 10px 0!important;
	}
	.cur-left{
		width: 100%;
		margin: 10px 0;
	}
	.cur-right{
		width: 100%;
		margin: 10px 0;
	}
	#side{
		width: 100%;
	}
}



/* aud.php */
.top-box{
	width: 100%;
	border: gray solid 2px;
	font-size: 1.7rem;
	font-weight: 500;
}
.up{
	background-color: #0074f8;
	color: yellow;
	width: 100%;
	padding: 10px 0;
	text-align: center;
}
.down{
	background-color: #0000ff;
	color: white;
	width: 100%;
	padding: 10px 0;
	text-align: center;
}
.aud-bun{
	font-size: 1.5rem;
	line-height:1.4;
	margin: 20px 0;
}
.aud-blue-box{
	padding:5px;
	border: #0074f8 solid 1px;
}
.aud-blue-midashi{
	font-size: 2rem;
	color: rgb(30, 109, 255);
	line-height: 2.3rem;
	text-decoration: underline solid 1px rgb(30, 109, 255);
	font-weight: 600;
}
.aud-flex{
	display: flex;
	width: 100%;
}
.aud-midashi1{
	font-size: 1.7rem;
	font-weight: 600;
}
.kyoukasho{
	width: 15%;
	margin-right: 20px;
}

.kyoukasho img{
	width: 100%;

}
.textinfo{
	width: 70%;
	font-size: 1.5rem;
}
.aud-flow{
	width: 100%;
}
.aud-flow img{
	width: 100%;
}
.text-yellowbox{
	font-size: 1.6rem;
	line-height:1.4;
	font-weight: 600;
	padding: 10px;
	margin: 10px 0;
	border: orange solid 2px;
	border-radius: 9px;
}

@media screen and (max-width:480px) {
	.aud-flex{
		display: block;
	}
	.kyoukasho{
		width: 40%;
		margin-left: 30%;
		margin-top: 30px;
	}
	.face{
		margin-bottom: 30px;
	}
	#side #bc_btn_01{
		width: 100%;
	}
	#side #bc_btn_01 a{
		width: 100%;
	}
	.photo1 img{
		width: 100%;
	}
	.orange-btn{
		width: 100%	;
	}
}


/*----------------------------------------------------
	参考問題（sample.php）
----------------------------------------------------*/

.mokuji{
		width:100%;
	margin:0 0 10px 0;
}
@media screen and (max-width:480px) {
	.mokuji{
		width:100%;
	}
}
.mokuji a{
	text-decoration:underline;
}

.mokuji .komidashi{
	font-size:1.6rem;
	font-weight:700;
	margin:0 0 10px 10px;
}

.mokuji .honbun{
	font-size:1.5rem;
	line-height:1.5;
	margin:0 0 0 20px;
}



.mokuji table{
	margin:0 auto 0 auto;
	
}
.mokuji th{
	width:100%;
	text-align:center;
}
.mokuji td{
	text-align:center;
	padding:10px;
}
@media screen and (max-width:480px) {
	.mokuji td{
		width:100%;
		display:block;
	}
}


.sample p.subtitle{
	color:#3366cc; border-bottom: 1px solid #dddddd; margin:10px 0 10px 0; width:350px; font-weight:bold;
}
#questions{margin:0 10px 0 0}
.sample .bar{
	background:#666666;
	color:#ffffff;
	font-size:1.8rem;
	font-weight:700;
	padding:5px;
	margin:20px 0 10px 0;

}

.sample #questions table.abc{margin:0 5px 10px 40px; line-height:150%;}
.sample #questions .abc th{
	vertical-align:baseline;
	white-space:nowrap;
}
.sample #questions .abc td{vertical-align:baseline; padding:3px 0;}
.sample #questions table.aiue{
	margin:0 5px 10px 40px;
	line-height:150%;
}
@media screen and (max-width:480px) {
	.sample #questions table.aiue{
		margin:0 5px 10px 10px;
		line-height:150%;
	}
}


.sample #questions .aiue td{vertical-align:baseline; padding:3px 0;}
.sample #questions .aiue th{font-weight:normal; text-align:left; vertical-align:baseline; white-space:nowrap;}

.sample #questions table.abcd{
	margin:0 5px 10px 40px;
	line-height:150%;
}
@media screen and (max-width:480px) {
	.sample #questions table.abcd{
		margin:0 5px 10px 10px;
	}
}


.sample #questions table.abcd_2{
	margin:0 5px 10px 40px;
	line-height:150%;
}


.sample #questions table.abcd_2 th{
		font-weight:normal;
		padding:0 0 0 0px;
}

.sample #questions table.abcd_2 td{
		padding:0 30px 0 0px;
}


.sample #questions .aiue .tc_txt{
	text-align:center;
	margin:20px 0 0 0;
}

.sample #questions .abcd td{
	vertical-align:baseline;
	padding:3px 20px 3px 0;
}
@media screen and (max-width:480px) {
	.sample #questions .abcd td{
		width:100%;
		display:block;
		padding:0 0 0 10px;
	}
}

.sample #questions .abcd th{
	text-align:left;
	vertical-align:baseline;
	white-space:nowrap;
}
@media screen and (max-width:480px) {
	.sample #questions .abcd th{
		width:100%;
		display:block;
		padding:10px 0 0 0;
	}
}



.sample #questions .mondai_waku{
	border:1px solid #000000;
	padding:10px;
	width:95%;
	margin:0 auto 10px auto;
	line-height:150%;
}
@media screen and (max-width:480px) {
	.sample #questions .mondai_waku{
		padding:5px;
		width:95%;
		line-height:150%;
	}
}


.sample #questions .sample_mondai_img{
	text-align:center;
}
.sample #questions .sample_mondai_img img{
	
}
@media screen and (max-width:480px) {
	.sample #questions .sample_mondai_img img{
		width:100%;
	}
}


.sample #questions table.kaisetu{margin:0 5px 10px 20px; line-height:150%;}
.sample #questions .kaisetu td{
	vertical-align:baseline;
	padding:3px 0;
}
@media screen and (max-width:480px) {
	.sample #questions .kaisetu td{
		width:100%;
		display:block;
	}
}


.sample #questions .kaisetu th{
	text-align:left;
	vertical-align:baseline;
	white-space:nowrap;
}
@media screen and (max-width:480px) {
	.sample #questions .kaisetu th{
		width:100%;
		display:block;
	}
}


.sample #questions .kaisetu_txt{
	margin:0 15px 0 15px;
	line-height:150%;
}
.sample #questions dl{margin:0 0 10px 0;}
.sample #questions dt{
	float:left;
	width:71px;
	margin:0 0 0 10px;
}
@media screen and (max-width:480px) {
}


.sample #questions dd{
	margin-left:55px;
	line-height:150%;
}
.sample #questions div.kaito{
	margin:10px 20px;
	padding:10px;
	border:3px #dddddd solid;
	border-radius:15px;
}
@media screen and (max-width:480px) {
	.sample #questions div.kaito{
		margin:10px 0px 10px 5px;
		padding:5px;
		border:3px #dddddd solid;
		border-radius:15px;
	}
}



.sample #questions .kaito h4{
	font-size:1.7rem;
	font-weight:700;
	padding-left:10px;
	margin:0 0 10px 0;
}
.sample #questions ul.clearfix{margin:30px 0 30px 60px;}
.sample #questions ul.clearfix li{list-style-type:none;	float:left;	margin-right:30px;}
.sample #questions div.kaito p{margin:5px 15px 5px 15px;}
.sample #questions hr{border:1px solid #ddddff;	margin:30px 5px;}

.sample #questions .kaisetu_list{
	text-indent:-1em;
}


/*----------------------------------------------------
	#マイナンバー更新講習会
----------------------------------------------------*/
#premium{
	margin:0 auto 20px auto;
	max-width:1080px;
}
#premium h3{
	margin:10px auto 10px auto;
	font-size:2.0rem;
	line-height:1.4;
	font-weight:700;
	text-align:left;
	color:#ff0000;
}
#premium h4{
	margin:10px auto 10px auto;
	font-size:2.0rem;
	line-height:1.4;
	font-weight:700;
	text-align:left;
	color:#000000;
}

#premium .border_gray{
	background:#cccccc;
	padding:10px 5px;
	color:#000000;
	line-height:1.4;
	font-size:1.8rem;
	border: 1px solid #9999bb;
	margin:0 0 10px 0;
	
}




#premium .background{
	background-image: url("../img/mynumber_seminar.jpg");
	background-repeat: no-repeat;
	background-position:center;
	margin:0px 0 0 0;
	height:690px;
	width:100%;
	padding:5px auto;
	display: block; 
	clear: both;
}
@media screen and (max-width:480px){
	#premium .background{
		margin:-50px 0 0 0;
		background:url("../img/mynumber_seminar_sp.jpg") no-repeat center 50px;
		background-size:140% auto;	
		height:396px;
		padding:0px 0 0 0;
	}
}
@media all and (-ms-high-contrast: none) {
	#premium .background{
		margin:0px 0 0 0;
	}
}

/* 印刷時のバックグラウンドが出てこない不具合を解除 */
@media print{
	#premium .background{
		content: url("../img/mynumber_seminar.jpg");
	}
}
#premium .honbun{
	line-height:1.7;
	font-size:1.5rem;
	padding-left:-1em;
	text-indent:1em;
}

#premium .box1{
	width:100%;
	margin:10px 0;
}

#premium .box1 img{
	width:50%;
	float:left;
}
@media screen and (max-width:480px){
	#premium .box1 img{
		width:100%;
	}
}

@media screen and (max-width:480px){
	#premium .box1 .tmp{
		clear:both;
	}
}


#premium .border_black{
	padding:10px 5px;
	border: 1px solid #000000;
	width:50%;
	float:left;
}
@media screen and (max-width:480px){
	#premium .border_black{
		float:none;
		width:95%;
		margin:70px auto 0 auto;
		display:block;
	}
}


#premium .border_black p{
	line-height:1.4;
	font-size:1.5rem;
	padding-left:-1em;
	text-indent:1em;
}
#premium .border_black li{
	margin:0px 0 0px 20px;
	font-size:1.6rem;
	font-weight:700;
	line-height:1.4;
	padding-left:1em;
	text-indent:-1em;

}
@media screen and (max-width:480px){
	#premium .border_black li{
		font-size:1.5rem;
		margin:0px 0 0px 0px;
	}
}


#premium .listbox{
	margin:20px 10px;
}


#premium .listbox .list_honbun{
	font-size:1.5rem;
	margin:0 0 5px 40px;
}
#premium .border_white2{
	padding:10px 5px;
	border: 1px solid #000000;
	width:100%;
}
@media screen and (max-width:480px){
	#premium .border_white2{
		margin:0 auto;
		width:95%;
	}
}


#premium .day_info{
	margin:10 auto 10px auto;
}
#premium .day_info p{
	font-size:1.5rem;
	line-height:1.4;
}

#premium .day_info .border_white{
	padding:10px 5px 10px 10px;
	border: 1px solid #000000;
	width:50%;
	float:left;
}
@media screen and (max-width:480px){
	#premium .day_info .border_white{
		margin:0 auto;
		width:95%;
		float:none;
	}
}



#premium .day_info .border_white h5{
	font-size:1.8rem;
	color:#ff0000;
	margin:10px 0 5px 0;
}

#premium .day_info .border_white h6{
	font-size:1.8rem;
	font-weight:700;
	color:#000000;
	margin:10px 0 5px 0;
}


#premium .day_info .border_white h5{
	font-size:1.8rem;
	color:#ff0000;
	margin:10px 0 5px 0;
}
#premium .day_info .btn_gr{
	font-size:1.8rem;
	background:#038f10;
	border-radius:5px;
	color:#ffffff;
	padding:5px;
	margin:15px 0 15px 20px;
	padding:5px 10px;
}
@media screen and (max-width:480px){
	#premium .day_info .btn_gr{
		width:70%;
		margin:5px auto 0 auto;
		display:block;
		text-align:center;
	}
}


#premium .day_info .btn_lb{
	font-size:1.8rem;
	background:#3366ff;
	border-radius:5px;
	color:#ffffff;
	padding:5px;
	margin:15px 0 15px 20px;
}
@media screen and (max-width:480px){
	#premium .day_info .btn_lb{
		width:70%;
		margin:5px auto 0 auto;
		display:block;
		text-align:center;
	}
}

#premium .entry_premium{
	border:2px solid #9999ff;
	background:#ddddff;
	text-align:center;
	border-radius:10px;
	display:inline-block;
	padding:10px 20px;
	font-size:1.5rem;
	line-height:1.2;
	margin:10px 0 0 10px;
}
@media screen and (max-width:480px){
	#premium .entry_premium{
		margin:10px auto 0 auto;
		display:block;
		width:90%;
	}
}

#premium .leftarea{
	width:50%;
	float:left;
	margin:10px 0 0 0;
}
@media screen and (max-width:480px){
	#premium .leftarea{
		width:100%;
	}
}


#premium .rightarea{
	width:50%;
	float:right;
	margin:0px 0 0 0;
}
@media screen and (max-width:480px){
	#premium .rightarea{
		width:100%;
	}
}

#premium .rightarea h4{
	font-size:2.0rem;
	margin:20px 0 10px 10px;
}
@media screen and (max-width:480px){
	#premium .rightarea h4{
		margin:20px 0 10px 0px;
	}
}

#premium .rightarea p{
	font-size:1.5rem;
	margin:0px 0 0px 10px;
	line-height:1.7;
	padding-left:-1em;
	text-indent:1em;
}

#premium .rightarea .qa{
	border:2px solid #333399;
	border-radius:10px;
	margin:10px 0 0 10px;
	padding:10px 5px;
}
@media screen and (max-width:480px){
	#premium .rightarea .qa{
		margin:10px auto 0 auto;
		display:block;
		width:95%;
	}
}

#premium .rightarea .qa span{
	color:#993366;
	font-size:1.7rem;
	font-weight:700;
}
#premium .rightarea .qa hr{
	color:#666666;
	margin:5px;
}


#premium .logo_waku{
	border:1px solid #E3436E;
	margin:0 0 0 10px;
}


#premium .logo_uewaku{
	width:100%;
	margin:0 0 0 10px;
	padding:5px 0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF7C80;
	border-top:1px solid #E3436E;
	border-right:1px solid #E3436E;
	border-left:1px solid #E3436E;
	border-radius:10px 10px 0 0;
}
@media screen and (max-width:480px){
	#premium .logo_uewaku{
		font-size:15px;
		margin:10px auto 0 auto;
		width:95%;
	}
}


#premium .logo_waku div.logo_nakawaku{
	width:100%;
	background-color:#FFFFFF;
	border:3px solid #EB814B;
	border-radius:10px 10px 10px 10px;
	margin:10px auto 0px auto;
	padding:5px;
}
@media screen and (max-width:480px){
	#premium .logo_waku div.logo_nakawaku{
		width:95%;
	}
}


#premium .logo_waku div.nakawaku_title{margin:5px 0 10px 0; text-align:center; font-size:20px; color:#E21B25; font-weight:bold;}
#premium .logo_sitawaku{
	width:100%;
	margin:0 0 0 10px;
	border:1px solid #E3436E;
	background:#FFFEDD;
	padding:10px 5px;
}
@media screen and (max-width:480px){
	#premium .logo_sitawaku{
		width:95%;
		margin:0 auto 0 auto;
	}
}



#premium div.logo_waku_txt p{
	font-size:1.5rem;
	line-height:1.4;
	padding-left:-1em;
	text-indent:1em;

}
#premium .jurai_piip_txt{
	font-size:1.5rem;
	line-height:1.4;
	text-align:center;
	padding:5px;

}
#premium .mynum_piip_txt{
	font-size:1.5rem;
	font-weight:700;
	line-height:1.4;
	text-align:center;
	color:#E21F29;
	padding:5px;

}
#premium .logo_sitawaku img{
	margin:0 auto;
	display:block;

}
#premium .logo_sitawaku table{
	margin:0 auto;

}
#premium .logo_sitawaku td{
	padding:5px 10px;

}
#premium .logo_sitawaku div.logo_nakawaku{
	width:400px;
	background-color:#FFFFFF;
	border:3px solid #EB814B;
	border-radius:10px 10px 10px 10px;
	margin:10px auto 0px auto;
	padding:5px;
}
@media screen and (max-width:480px){
	#premium .logo_sitawaku div.logo_nakawaku{
		width:100%;
	}
}

#premium .logo_sitawaku div.logo_nakawaku .nakawaku_title{
	font-size:1.8rem;
	font-weight:700;
	color:#E21B25;
	text-align:center;
	margin:0 0 10px 0;
}
#premium .logo_sitawaku div.logo_nakawaku p{
	font-size:1.5rem;
	line-height:1.4;
	margin:0 0 0 10px;
}


/* ３０１０浅井追記 */




#shikengaiyoubox .moshikomi .flex {
	display: flex;
	justify-content: space-between;
	margin: 20px 0;
	width: 100%;
	padding: 10px;
	align-items: flex-start;
}

#shikengaiyoubox .moshikomi .flex .leftbun {
	width: 75%;
	font-size: 1.5rem;
	line-height:1.4;
}

#shikengaiyoubox .moshikomi .flex .leftbun .midashi {
	align-items: flex-start;
	font-size: 2rem;
	font-weight: 500;
	margin-bottom: 10px;
}
#shikengaiyoubox .moshikomi .flex .leftbun .midashi span{
	font-size: 1.5rem;
}
#shikengaiyoubox .moshikomi .flex .rightbtn{
	width: 33%;
	display: flex;
	justify-content: space-between;
}
#shikengaiyoubox .moshikomi .flex .rightbtn .btn{
	display: block;
	padding: 8px 5px;
	font-size: 1.4rem;
	color: white;
	font-weight: 500;
	background-color: #036eea;
	width: 49%;
	text-decoration:none;
}
#shikengaiyoubox .moshikomi .flex .rightbtn .btn i{
	margin:0 5px 0 0;
}







#shikengaiyoubox .moshikomi2 .rightbtn2{
	float:right;
	margin:-40px 0 0 0;

}
@media screen and (max-width:480px) {
	#shikengaiyoubox .moshikomi2 .rightbtn2{
		float:none;
		margin:0 auto;
		display: block;
	}
}

#shikengaiyoubox .moshikomi2 .rightbtn2 .btn_kaijo{
	display: block;
	padding: 5px 5px;
	font-size: 1.4rem;
	color: white;
	background-color: #02902a;
	width: 230px;
	margin:-35px 0 10px 20px;
	text-decoration:none;
	text-align:center;
}
@media screen and (max-width:480px) {
	#shikengaiyoubox .moshikomi2 .rightbtn2 .btn_kaijo{
		width: 80%;
	margin:-5px 0 10px 20px;
	}
}


@media screen and (max-width:480px) {
	#shikengaiyoubox {
		width: 100%;
	}
	#shikengaiyoubox .moshikomi .flex{
		padding: 10px 4px 10px 4px;
		display: block;
	}
	#shikengaiyoubox .moshikomi .flex .leftbun{
		width: 100%;
	}
	#shikengaiyoubox .moshikomi .flex .rightbtn{
		width: 100%;
		display: block;
	}
	#shikengaiyoubox .moshikomi .flex .rightbtn .btn{
		width: 100%;
		margin:10px 0 5px 0;
	}
}

#shikengaiyoubox .moshikomi .flex .rightbtn .btn_shosai{
	display: block;
	padding: 8px;
	font-size: 1.4rem;
	color: white;
	font-weight: 500;
	background-color: #fbe5d6;
	color:#666666;
	width: 51%;
	text-decoration:none;
	margin:0 0 0 5px;
	text-decoration:none;
}
@media screen and (max-width:480px) {

	#shikengaiyoubox .moshikomi .flex .rightbtn .btn_shosai{
		padding: 8px;
		font-size: 1.4rem;
		width: 100%;
		margin:10px 0 5px 0;
	}
}



#shikengaiyoubox .oomidashi{
		font-size:2.4rem;
		font-weight:bold;
		color:#000000;
		margin:20px 0 10px 0;
		width:100%;
}
@media screen and (max-width:480px){
	#shikengaiyoubox .oomidashi{
			margin:10px 0 0px 0;
			text-align:center;
	}
}

#shikengaiyoubox .oomidashi span{
		font-size:1.7rem;
		font-weight:normal;
		float:right;
}




#shikengaiyoubox .smartbox{
	width:100%;
	margin:0 auto;
}
@media screen and (max-width:480px){
	#shikengaiyoubox .smartbox{
		width:100%;
	}
}




#shikengaiyoubox .smartbox .img1{
	width:130px;
	float:right;
	margin:5px;

}
@media screen and (max-width:480px){
	#shikengaiyoubox .smartbox .img1{
		width:130px;
		float:none;
		margin:5px 0 0 20px;
		clear:both;

	}
}


#shikengaiyoubox .smartbox .img2{
	width:110px;
	float:right;
	margin:5px;
	border:1px solid #000000;

}
@media screen and (max-width:480px){
	#shikengaiyoubox .smartbox .img2{
		width:140px;
		float:none;
		margin:5px 0 0 20px;
		clear:both;


	}
}



#shikengaiyoubox .smartbox .twei{
	border:1px solid #009dff;
	background:#009dff;
	text-align:left;
	color:#ffffff;
	font-size:1.5rem;
	font-weight:700;
	width:70%;
	margin:0;
	padding:5px 10px;

}
@media screen and (max-width:480px){
	#shikengaiyoubox .smartbox .twei{
		font-size:1.5rem;
		line-height:1.4;
		font-weight:700;
		width:100%;
		margin:0 auto;

	}
}

#shikengaiyoubox .komidashi_bnr{
	font-size:1.5rem;
	line-height:1.4;
	margin:5px;

}
#shikengaiyoubox .komidashi_bnr2{
	font-size:1.5rem;
	line-height:1.4;
	color:#000000;
	margin:5px;

}
@media screen and (max-width:480px){
	#shikengaiyoubox .komidashi_bnr2{
		text-align:left;
	}
}



#shikengaiyoubox .komidashi_bnr3{
	font-size:1.5rem;
	line-height:1.4;
	text-align:center;
	color:#ff0000;
	margin:5px 0 0 30px;

}

#shikengaiyoubox .komidashi_bnr4{
	font-size:1.5rem;
	line-height:1.4;
	margin:5px;
	background:#ffec80;
	display:inline-block;

}

#shikengaiyoubox .komidashi_bnr5{
	font-size:1.3rem;
	line-height:1.4;
	margin:5px 0px;

}

#shikengaiyoubox .illast_btnbox{
  width:100%;


}
#shikengaiyoubox .btnimg100{
  width:100%;
	margin:0px auto;
}

#shikengaiyoubox .btnimg500{
  width:500px;
	margin:0px auto;
	display:block;
}
@media screen and (max-width:480px){
	#shikengaiyoubox .btnimg500{
		width:100%;
	}
}

#shikengaiyoubox .illast_btnbox .btnimg50_L{
	width:49%;
	float:left;

}
@media screen and (max-width:480px){
	#shikengaiyoubox .illast_btnbox .btnimg50_L{
		width:100%;
		float:none;
	}
}


#shikengaiyoubox .illast_btnbox .btnimg50_R{
	width:49%;
	float:right;

}
@media screen and (max-width:480px){
	#shikengaiyoubox .illast_btnbox .btnimg50_R{
		width:100%;
		float:none;
		margin:20px 0 0 0;
	}
}


#shikengaiyoubox .gyou .honbun{
		font-size:1.5rem;
		line-height:1.5;
	margin:5px 0 0 0px;
		float:left;
}
@media screen and (max-width:480px){
	#shikengaiyoubox .gyou .honbun{
		margin:5px 0 0 10px;
	}
}
#shikengaiyoubox .komidashi{
		font-size:1.9rem;
		font-weight:700;
		color:#000000;
		float:left;
		margin:0px 0 0px 20px;
		width:140px;
}
@media screen and (max-width:480px){
	#shikengaiyoubox .komidashi{
		font-size:2.0rem;
			width:100%;
		margin:0px 0 0px 0;
	}
}

#shikengaiyoubox .manga_midashi{
		font-size:1.9rem;
		line-height:1.5;
		font-weight:700;
		color:#000000;
		margin:0px 0 10px 0px;

}





#shikengaiyoubox .btnbox_narrow{
		border:1px solid #ee6419;
		width:280px;
		padding:5px;
		background:#ee6419;
		margin:10px auto;
		display:block;
		font-size:1.5rem;
		font-weight:700;
		line-height:1.4;
		text-align:center;
		color:#ffffff;
		

}
@media screen and (max-width:480px){
	#shikengaiyoubox .btnbox_narrow{
			width:90%;
			margin:20px auto;
			display:block;
	}
}

#shikengaiyoubox .btnbox_narrow:hover{
		border:1px solid #ee6419;
		background:#ffeadf;
		color:#000000;

}





#shikengaiyoubox .btnbox_narrow span{
		margin:-10px 0 0 0;
		line-height:1.5;
		float:right;
		color:#ffffff;

}
#shikengaiyoubox .btnbox_narrow span:hover{
		color:#000000 !important;
		pointer-events: auto;
}


#shikengaiyoubox .btnbox_wide{
		border:1px solid #ee6419;
		padding:5px;
		width:390px;
		background:#ffeadf;
		margin:20px 0;
		font-size:1.5rem;
		font-weight:700;
		line-height:1.4;
		text-align:center;

}
@media screen and (max-width:480px){
	#shikengaiyoubox .btnbox_wide{
			width:90%;
			margin:20px auto;
			display:block;
	}
}


#shikengaiyoubox .btnbox_wide:hover{
		border:1px solid #ee6419;
		background:#ee6419;
		color:#ffffff;

}




#shikengaiyoubox .btnbox_wide i{
		float:right;
		line-height:1.5;
		margin:-10px 0 0 0;
		color:#ee6419;

}
#shikengaiyoubox .btnbox_wide span{
		margin:-10px 0 0 0;
		line-height:1.5;
		float:right;
		color:#ee6419;

}


.shikengaiyoubox .cursor_tmp{
	cursor:pointer;
}



/*----------------------------------------------------
	#個人情報保護士認定試験の社会的評価
----------------------------------------------------*/
.evalu{
	margin:0 auto 20px auto;
	max-width:1080px;
}
.evalu .intro_evalu{
	font-size:1.5rem;
	line-height:1.4;
	margin:0 0 10px 0;
	padding-left:-1em;
	text-indent:1em;
}
.evalu img{
	margin:0 auto 10px auto;
	display:block;
}
@media screen and (max-width:480px){
	.evalu img{
		width:95%;
	}
}


/*----------------------------------------------------
	個人情報保護監査人認定講習会（renew_pipa.php）
----------------------------------------------------*/

#main .head2013{
	background:url("https://www.joho-gakushu.or.jp/piip/img/head-bg.jpg") left top no-repeat;
	width:100%;
	height:112px;
	margin:0 0 20px 0;
		padding:5px                    ;

}

#main .head2013 h1{
	
	padding:10px 0 0px 10px;
}

#main .head2013 .h2-pipa{
	
	text-align:center;
	color:#E46C0A;
	font-size:33px;
}
#main .head2013 .headtxt2{
	text-align:right;
	margin:0px 10px 10px 0px;
	font-weight:bold;
}
#main .ue h2{
	font-size:18px;
	text-align:left; padding:15px 0 10px 20px; background:url(../img/prh2.gif) left center no-repeat; color:#003366; margin:0 0 15px 0;
}

#main .ue .co_green{color:green;}
#main .ue .co_blue{color:blue;}

#main .ue .logodl{margin:0 50px 20px 50px;}
#main .ue .logodl .p1{text-align:center; line-height:120%;}
#main .ue .logodl .p2{text-align:center; font-size:12px; margin:5px 0;}
#main .ue .logodl .box{border:5px outset gray; background-color:#CCCCCC; width:600px; padding:10px; text-align:center; line-height:150%; margin:0 auto 20px auto;}
#main .ue .logodl .atte{border:1px outset red; background-color:#FFCCFF; width:600px; padding:5px 15px; margin:0 auto;}


#main .ue #kousin{margin:50px 0 0 0;}
#main .ue #kousin p{font-size:12px; background-color:#FFFF99; padding:10px; margin:10px auto; line-height:130%; width:700px;}
#main .ue #kousin p strong{font-size:14px;}
#main .ue #kousin table{border-collapse:collapse; border:1px solid #D8D8D8; margin:10px auto; font-size:12px; width:700px;}
#main .ue #kousin th{text-align:center; letter-spacing:2px; background-color:#CCFFFF; padding:5px; color:#000066; border:1px solid #D8D8D8; width:100px;}
#main .ue #kousin td{text-align:left; padding:5px; line-height:130%; border:1px solid #D8D8D8;}
#main .ue #kousin ol{margin:0 0 0 30px; padding:0;}
#main .ue #kousin li{margin:7px 0;}
#main .ue #kousin span{font-weight:bold; color:#FF0000;}

#main .ue .aka{color:#FF0000;}


#main #kousin .excel_btn{
	text-decoration:none;
	padding:5px 10px;
	border-radius:5px;
	background:green;
	color:#ffffff;
	font-size:14px;
	margin:15px 5px;
	width:280px;
}
#main #kousin .excel_btn i{
	margin:0 5px 0 0px;
}

#main #kousin .link_tmp{
	text-decoration:underline;
	color:#000000;
	float:right;
	margin:0 10px 0 0;
}
#main #kousin .link_tmp i{
	margin:0 5px 0 0;
}

.mogisetsu img{
	
	width:100%;
}

.mogisetsu .header{
	background-color: #558ED5;
	margin-bottom: 20px;
	line-height:1.4;
	font-size: 3rem;
	padding: 20px;
}
@media screen and (max-width:480px){
	.mogisetsu .header{
		margin-bottom: 10px;
		font-size: 2rem;
		padding: 15px;
	}

}
.mogisetsu .header span{
	margin:10px 0 0 0;
	font-size: 2.5rem;
}
@media screen and (max-width:480px){
	.mogisetsu .header span{
	margin:10px 0 0 0;
		font-size: 2rem;
	}
}


/*----------------------------------------------------
	download
----------------------------------------------------*/
#download{
	margin:0 auto 10px auto;
	max-width:1080px;
}
@media screen and (max-width:480px){
	#download{
		padding:5px;
	}

}


#download h1{
	text-align:center;
	margin:10px 0 0 0;
	font-size:1.9rem;
	font-weight:700;
}
#download .honbun{
	text-align:left;
	margin:10px 0 0 0;
	font-size:1.5rem;
	line-height:1.5;
}
@media screen and (max-width:480px){
	#download .honbun{
		text-align:left;
	}
}


#download .btn{
	border:1px solid #000000;
	color:#000000;
	border-radius:5px;
	padding:10px 20px;
	font-size:1.5rem;
	background:#fdfbec;
}
#download .btn i{
	margin:0 10px 0 0px;
}


#download .center{
	margin:20px auto;
	width:190px;
	
}
#download .error{
	margin:30px 0;
	font-size:1.6rem;
	color:#ff0000;
	text-align:center;
	
}


/*----------------------------------------------------
	個人情報保護監査人リニューアル用
----------------------------------------------------*/
#main2{
	width:850px;
	font-family:"ヒラギノ角ゴシック Pro","ヒラギノ角ゴ ProN W3","ヒラギノ サンズ","ヒラギノ角ゴシック", "メイリオ",メイリオ,"ＭＳ Ｐゴシック", sans-serif;

}
@media screen and (max-width:480px){
	#main2{
		width:100%;

	}
}


/*見出し画像・Hタグシリーズ
-----------------------------------*/




#main2 h4{
	margin:15px 0px 0px 0;
	font-size:2.3rem;
	line-height:1.5;
	width:510px;
}
@media screen and (max-width:480px){
	#main2 h4{
		font-size:1.8rem;
		display:block;
		font-weight:700;
		width:100%;
	}
}




/*見出し画像・hybrid
-----------------------------------*/

.top-foto_hybrid{
	margin:10px auto 10px auto;
	width:100%;
	height:400px;
	padding:20px 0px 0 40px;
	display: block;
	clear: both;


}
@media screen and (max-width:480px){
	.top-foto_hybrid{
		display:none;
	}
}

.top-foto_hybrid_sp{
		display:none;
}

@media screen and (max-width:480px){
	.top-foto_hybrid_sp{
		display:block;
		padding:10px 0px 0 0px;
		margin:0px 0 20px 0px;
		width:100%;
		height:450px;
	}
}


.top-foto_hybrid .top-foto_datebox,
.top-foto_hybrid_sp .top-foto_datebox{
	padding:10px 30px 10px 0px;
	margin:0px 0 0 -41px;
	width:760px;
}
@media screen and (max-width:480px){
	.top-foto_hybrid .top-foto_datebox,
	.top-foto_hybrid_sp .top-foto_datebox{
		margin:37px auto 0 auto;
		display:block;
		padding:10px 10px 7px 10px;
		width:90%;
		background-color: rgba(255, 255, 255, 0.8);
		vertical-align: middle;

	}

}


.top-foto_datebox h1{
	font-size:3.0rem;
	margin:10px 0 10px 0;
	padding:0;
	text-align:left;
	color:#ff0000;
	line-height:1.5;

}
@media screen and (max-width:480px){
	.top-foto_datebox h1{
		font-size:2.5rem;
	}
}


.top-foto_datebox h1 .experience{
	font-size:4.0rem;
	font-weight:700;
	margin:80px 0px 0px 0;
	text-align:left;
	color:#000000;
}
@media screen and (max-width:480px){
	.top-foto_datebox h1 .experience{
		font-size:3.9rem;
		font-weight:700;
		margin:5px 0px 5px 0;
	}
}

.top-foto_datebox h1 .experience2{
	font-size:4.5rem;
	font-weight:700;
	margin:80px 0px 0px 0;
	text-align:left;
	color:#000000;
}
@media screen and (max-width:480px){
	.top-foto_datebox h1 .experience2{
		font-size:4.0rem;
		font-weight:700;
		margin:5px 0px 5px 0;
	}
}


.top-foto_datebox h1 span{
	font-size:4.5rem;
	font-weight:700;
	margin:10px 0px 10px 0;
	text-align:left;
}
@media screen and (max-width:480px){
	.top-foto_datebox h1 span{
		font-size:2.8rem;
		font-weight:700;
		margin:5px 0px 5px 0;
	}
}
.top-foto_datebox h1 .apip{
	font-size:3.6rem;
	font-weight:700;
	margin:0px 0px 5px 0;
	text-align:left;
	color:#ff0000;
}
@media screen and (max-width:480px){
	.top-foto_datebox h1 .apip{
		font-size:3.4rem;
		font-weight:700;
		margin:5px 0px 5px 0;
	}
}


.top-foto_datebox h2{
	margin:15px 0px 0px 0;
	font-size:2.0rem;
	line-height:1.5;
	width:510px;

}
@media screen and (max-width:480px){
	.top-foto_datebox h2{
		font-size:1.8rem;
		display:block;
		font-weight:700;
		width:100%;
	}
}

.top-foto_datebox h2 .experience_read{
	font-size:2.1rem;
	font-weight:500;
	width:410px;
	text-align:left;
}
@media screen and (max-width:480px){
	.top-foto_datebox h2 .experience_read{
		width:100%;
	}
}




.top-foto_datebox .apip2{
	font-size:1.8rem;
	line-height:1.5;
	font-weight:700;
	text-align:left;
}

.top-foto_datebox h4{
	font-size:3.1rem;
	font-weight:700;
	margin:0 0 5px 0;
	text-align:left;

}
@media screen and (max-width:480px){
	.top-foto_datebox h4{
		font-size:1.8rem;
		margin:5px 0 15px 0;
	}
}





.top-foto_datebox h5{
	margin:15px 0px 0px 0;
	font-size:2.0rem;
	line-height:1.5;
	width:510px;

}
@media screen and (max-width:480px){
	.top-foto_datebox h5{
		font-size:1.8rem;
		display:block;
		font-weight:700;
		width:100%;
	}
}

.top-foto_datebox h5 .experience_read{
	font-size:2.1rem;
	font-weight:500;
	width:410px;
}
@media screen and (max-width:480px){
	.top-foto_datebox h5 .experience_read{
		width:100%;
	}
}


.top-foto_datebox .honbun0{
	font-size:1.7rem;
	line-height:1.5;
	margin:0 0 10px 0;
}
@media screen and (max-width:480px){
	.top-foto_datebox .honbun0{
		font-size:1.3rem;
		line-height:1.1;
		margin:0px 0 10px 0;
	}
}


.top-foto_datebox .honbun1{
	font-size:3.1rem;
	margin:0 0 5px 0;
}
@media screen and (max-width:480px){
	.top-foto_datebox .honbun1{
		font-size:2.5rem;
		margin:0px 0 15px 0;
	}
}



.top-foto_datebox .honbun2{
	font-size:3.8rem;
	margin:0px 0 10px 0;
}
@media screen and (max-width:480px){
	.top-foto_datebox .honbun2{
		font-size:2.1rem;
	}
}

.top-foto_datebox .honbun2 span{
	font-size:3.8rem;
	font-weight:700;
	margin:0px 5px 10px 0;
}
@media screen and (max-width:480px){
	.top-foto_datebox .honbun2 span{
		font-size:2.6rem;
		font-weight:700;
		margin:5px 5px 5px 0;
	}

}

.top-foto_datebox .honbun3{
	font-size:1.5rem;
	line-height:1.5;
}
@media screen and (max-width:480px){
	.top-foto_datebox .honbun3{
		font-size:1.5rem;
		line-height:1.1;
		margin:20px 0 10px 0;
	}
}

.top-foto_datebox .honbun4{
	margin:5px 0px 0px 0;
	font-size:1.9rem;
	line-height:1.5;
}
@media screen and (max-width:480px){
	.top-foto_datebox .honbun4{
		font-size:1.6rem;
		display:block;
	}
}




/*ランディングページ本体
-----------------------------------*/






.lp h5{
	font-size:2.4rem;
		font-weight:700;
		line-height:1.5;
  text-align: center;
  margin:10px auto 0px auto;
  width:480px;
  color:#08087b;
}
@media screen and (max-width:480px){
	.lp h5{
		font-size:2.2rem;
	  width:100%;
	}
}

.lp h5 span{
	color:#000000;

}

.lp h5 span.smalltxt{
	margin:5px auto 0px auto;
	font-size:1.8rem;

}




.lp .komidashi1 {
	font-size:2.4rem;
		font-weight:700;
		line-height:1.5;
  text-align: center;
  margin:10px auto 20px auto;
  width:410px;
}
@media screen and (max-width:480px){
	.lp .komidashi1 {
		font-size:2.2rem;
	  width:100%;
	}
}

.lp .komidashi1 hr{
	border-style: none;
    border-top: 5px solid #08087b;
    width: 30%;
    margin:6px auto;
}
.lp .komidashi1 span{
	color:#ff0000;
}


.lp .midashiunderline{
	border-style: none;
    border-top: 5px solid #08087b;
    width: 110px;
    margin:6px 0 20px 0;
}
.lp .midashiunderline2{
	border-style: none;
    border-top: 5px solid #08087b;
    width: 80px;
    margin:0px auto 20px auto;
}

/*下線のスタイリング*/



.lp .lpbox1{
	width:100%;
	clear:both;
	padding:5px 5px 25px 5px;
	margin:0 auto 10px auto;
}
@media screen and (max-width:480px){
	.lp .lpbox1{
		width:100%;
		padding:5%;
	}
}

.lp .lpbox1 h2,
.lp .lpbox1_table h2{
	font-size:2.4rem;
		font-weight:700;
		line-height:1.5;
  text-align: left;
  margin:10px 0 0px 0;
  width:480px;
  color:#08087b;
}
@media screen and (max-width:480px){
	.lp .lpbox1 h2,
	.lp .lpbox1_table h2{
		font-size:2.2rem;
	  width:100%;
	}
}

.lp .lpbox1 h2 span,.lp .lpbox1_table h2 span{
	color:#000000;

}

.lp .lpbox1 h2 span.smalltxt,.lp .lpbox1_table h2 span.smalltxt{
	margin:5px auto 0px auto;
	font-size:1.8rem;

}



.lp .lpbox1 .img1{
	width:40%;
	float:left;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .img1{
		width:90%;
		float:none;
		margin:0 auto;
		display:block;
	}
}


.lp .lpbox1 .box1_txt{
	width:60%;
	float:left;
	padding:10px 0 0 0;
	margin:0 0 0px 0;
	
}
@media screen and (max-width:480px){
	.lp .lpbox1 .box1_txt{
		width:100%;
		float:none;
		
	}
}

.lp .lpbox1 .box1_txt p{
	font-size:1.5rem;
	line-height:1.7;
	margin:0 0 0px 0;
	
}
.lp .lpbox1 .box1_txt li{
	font-size:1.5rem;
	font-weight:700;
	line-height:1.5;
	margin:0 0 0 10px;
	padding-left:1em;
	text-indent:-1.5em;
}

.lp .lpbox1 .box1_txt_L{
	width:100%;
 	display:flex;
  	flex-direction: row;
  	justify-content: space-around;
  	margin:0px 0 10px 0;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .box1_txt_L{
	 	display:block;
	  	flex-direction: none;
	  	justify-content: none;
	}
}


.lp .lpbox1 .box1_txt_new{
user-select: auto;
	width:50%;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .box1_txt_new{
		width:100%;
	}
}


.lp .lpbox1 .box1_txt_new .box1_txt_new_komidashi{
	font-size:1.7rem;
	font-weight:700;
	line-height:1.4;
	margin:0 0 10px 0px;
	
	
}

.lp .lpbox1 .box1_txt_new h3{
	font-size:1.5rem;
	font-weight:700;
	line-height:1.4;
	margin:0 0 10px 0px;
	
	
}


.lp .lpbox1 .box1_txt_new img{
	width:395px;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .box1_txt_new img{
		width:90%;
		margin:0 auto 20px auto;
		display:block;
	}

}


.lp .lpbox1 .box1_txt_new p{
	font-size:1.5rem;
	line-height:1.5;
	margin:0 0 10px 0;
	
}

.lp .lpbox1 .box1_txt_new p span{
	color:#ff0000;
	
}


.lp .lpbox1 .box1_txt_new li{
	font-size:1.7rem;
	font-weight:700;
	line-height:1.4;
	margin:0 0 10px 0px;
	padding-left:1em;
	text-indent:-1.5em;
	list-style: none;
	text-indent: -1em;
	padding-left: 1em;
	
	
}


.lp .lpbox1 .box1_txt_new li::before {
  content: '・';
}


.lp .lpbox1 .box1_txt_new li span{
	color:#ff0000;
}

.lp .lpbox1 .box1_txt_new li.normal{
	font-size:1.5rem;
	font-weight:normal;
	line-height:1.4;
	margin:0 0 10px 0px;
	padding-left:1em;
	text-indent:-1.5em;
	list-style: none;
	text-indent: -1em;
	padding-left: 1em;
	
	
}
.lp .lpbox1 .box1_txt_new li.normal::before {
  content: '・';
}




/*個人情報保護士エキスパートで使用*/

.lp .lpbox1 .box1_txt_new100{
	width:100%;
	padding:0 10px;
}

.lp .lpbox1 .box1_txt_new100 h3{
	font-size:1.5rem;
	font-weight:700;
	line-height:1.4;
	margin:0 0 10px 0px;
	
	
}
.lp .lpbox1 .box1_txt_new100 p{
	font-size:1.5rem;
	line-height:1.5;
	margin:0 0 10px 0;
	
}







.lp .lpbox1 .imgbox_sp{
		display:none;
}
@media screen and (max-width:480px) {
	.lp .lpbox1 .imgbox_sp{
			display:block;
	}
}


.lp .lpbox1 .imgbox_pc{
	display:block;
}
@media screen and (max-width:480px) {
	.lp .lpbox1 .imgbox_pc{
		display:none;
		
	}
}

.lp .infobox{
	width:90%;
	border-radius:10px;
	border:2px solid #790112;
	padding:0px;
	margin:10px auto;
	display:block;
}
.lp .infobox .komidashi_info{
	background:#790112;
	color:#ffffff;
	font-size:1.7rem;
	line-height:1.4;
	font-weight:700;
	border-radius: 10px 10px 0px 0px;
	padding:5px 10px;
	text-align:center;
}
.lp .infobox .honbun{
	font-size:1.4rem;
	line-height:1.4;
	padding-left:-1em;
	text-indent:1em;
	margin:0 10px;
}






/*バナー*/


.lp .bnrbox{
	width:100%;
	margin:25px 0;
}

.lp .bnrbox ul{
	display:flex;
	justify-content:center;
}
@media screen and (max-width:480px){
	.lp .bnrbox ul{
		display:block;
		justify-content:none;
	}
}


.lp .bnrbox img{
	margin:10px 0 10px 10px;
	width:500px;
}
@media screen and (max-width:480px){
	.lp .bnrbox img{
	margin:10px auto 10px auto;
	display:block;
	width:80%;
	}
}


.lp .bnrbox .experience_entry_bnr{
	width:200px;
}



.lp .lpbox1 .apip_bnr{
		width:100%;
	margin:0px auto 30px auto;
	display:block;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .apip_bnr{
	margin:10px auto 10px auto;
	display:block;
	width:100%;
	}
}



/*開催事項*/

.lp .lpbox1 .menubox_day_L{
	width:850px;
 	display:flex;
 	margin:0 auto;
  	flex-direction: row;
  	justify-content: space-around;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .menubox_day_L{
		width:100%;
	 	display:block;
	 	margin:0 auto;
	  	flex-direction: none;
	  	justify-content: none;
	}
}

.lp .lpbox1 .menubox_day_L .menubox_day_left{
 	display:flex;
 	margin:0 0px 0 10px;
  	flex-direction: row;
  	justify-content: left;
  	width:50%;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .menubox_day_L .menubox_day_left{
	 	display:block;
	 	margin:0 auto 0 auto;
	  	flex-direction: none;
	  	justify-content: none;
	  	width:100%;
	}
}

.lp .lpbox1 .menubox_day_L .menubox_day_right{
 	display:inline-block;
 	margin:0 10px 0 0px;
  	flex-direction: row;
  	justify-content: right;
  	width:50%;
  	height:auto;
  	
}
@media screen and (max-width:480px){
	.lp .lpbox1 .menubox_day_L .menubox_day_right{
	 	display:block;
	 	margin:0 auto 0 auto;
	  	flex-direction: none;
	  	justify-content: none;
	  	width:100%;
	}
}


.lp .lpbox1 .menubox_day_L .menubox_day_left .daymidashi,
.lp .lpbox1 .menubox_day_L .menubox_day_right .daymidashi{
 	font-size:1.7rem;
 	font-weight:700;
 	text-align:center;
}

.lp .lpbox1 .menubox_day_L .menubox_day_left h6,
.lp .lpbox1 .menubox_day_L .menubox_day_right h6{
 	font-size:1.6rem;
 	line-height:1.5;
 	font-weight:700;
 	margin:0 0 5px 0;
}

.lp .lpbox1 .menubox_day_L .listnaiyou{
 	font-size:1.5rem;
 	line-height:1.5;
}






.lp .lpbox1 .menubox_day{
	width:100%;
	border:1px solid #fedcdc;
	background:#ffffff;
	padding:10px 40px;
	border-top:10px solid #ff5e5e;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .menubox_day{
		width:100%;
		padding:20px 20px;
		margin:0 0 20px 0;
	}
}

.lp .lpbox1 .menubox_naiyou{
	width:100%;
	border:1px solid #dbe3ff;
	background:#ffffff;
	padding:10px 10px;
	border-top:10px solid #dbe3ff;
	height:auto;
	display:block;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .menubox_naiyou{
		width:100%;
		padding:20px 10px;
		margin:0 0 20px 0;
	}
}

.lp .lpbox1 .menubox_naiyou .shosaibtn{
	color:#000000;
	text-decoration:underline;
	font-size:1.5rem;
	font-weight:700;
	margin:10px 30px 0 0;
	position: relative;
	float:right;
  display: inline-block;
  }



.lp .lpbox1 .menubox_i_day{
	width:100%;
	background:#ffffff;
	padding:0 0 0 0px;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .menubox_i_day{
		width:100%;
		padding:0 0 0 0px;
	}

}



.lp .lpbox1 .menubox_i_day .midashi{
	font-size:1.5rem;
	line-height:1.5;
	font-weight:700;
	background:#ff5e5e;
	color:#ffffff;
	padding:5px 15px;
	margin:15px auto 10px auto;
	width:120px;
	display:block;
	text-align:center;
	border-radius:5px;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .menubox_i_day .midashi{
		margin:15px auto 5px auto;
		width:90px;
	}
}



.lp .lpbox1 .menubox_i_day table{
	width:100%;
}
.lp .lpbox1 .menubox_i_day table td{
	padding:0 0 10px 0;
}

.lp .lpbox1 .menubox_i_day img{
	width:40px;
	margin:0 10px 0 0;
}



.lp .lpbox1 .menubox_i_day .midashi_date{
	text-align:center;
		padding:0px 0 0 0;
	font-size:1.7rem;
	font-weight:700;
	line-height:1.5;
	color:#ff0000;
}
.lp .lpbox1 .menubox_i_day .midashi_kai{
	text-align:center;
		padding:0px 0 0 0;
	font-size:1.7rem;
	font-weight:700;
	line-height:1.5;
	color:#000000;
}

.lp .lpbox1 .menubox_i_day .honbun{
	text-align:center;
	font-size:1.5rem;
	line-height:1.7;
}


.lp .lpbox1 .menubox_i_day .honbun_icon{
	text-align:center;
	font-size:1.5rem;
	margin:5px 0;
}


.lp .lpbox1 .menubox_i_day .honbun3{
	text-align:center;
	font-size:1.7rem;
	font-weight:700;
	line-height:1.7;
}

.lp .lpbox1 .menubox_i_day .honbun a{
	color:blue;
	text-decoration:underline;
}


/*合格体験記　募集*/

.lp .lpbox1 .bosyubox{
	border:1px solid #99d9ff;
	border-radius:10px;
	padding:20px;
}

.lp .lpbox1 .bosyubox h6{
	font-size:1.9rem;
	font-weight:700;
	margin:10px 0 5px 0;
}


.lp .lpbox1 .bosyubox li{
	font-size:1.5rem;
	font-weight:normal;
	line-height:1.4;
	margin:0 0 0px 0px;
	list-style: none;
	text-indent: -1em;
	padding-left: 1em;
	
	
}
.lp .lpbox1 .bosyubox li::before {
  content: '・';
}

.lp .lpbox1 .bosyubox .honbun{
	font-size:1.5rem;
	line-height:1.5;
}
.lp .lpbox1 .bosyubox .honbun_b{
	font-size:1.5rem;
	font-weight:700;
	line-height:1.5;
}

.lp .lpbox1 .bosyubox .honbun_b span{
	color:#ff0000;
}


.lp .lpbox1 .bosyubox .honbun_att{
	font-size:1.5rem;
	line-height:1.5;
	text-indent: -1em;
	padding-left: 1em;
	margin:0 0 5px 0;
	
}


.lp .lpbox1 .bosyubox .enrty_btn{
	color:#ffffff;
	background:#323499;
	border-radius:5px;
	font-size:2.0rem;
	font-weight:700;
	text-align:center;
	width:350px;
	margin:0 auto;
	display:block;
	padding:15px;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .bosyubox .enrty_btn{
		width:90%;
	}
}



.lp .lpbox1 .menubox_experience_left{
	padding:0 10px 0 0px;
	
}
@media screen and (max-width:480px){
	.lp .lpbox1 .menubox_experience_left{
		padding:0 0px 0 0px;
		
	}
}

.lp .lpbox1 .menubox_experience_right{
	padding:0 0px 0 10px;
	
}
@media screen and (max-width:480px){
	.lp .lpbox1 .menubox_experience_right{
		padding:0 0px 0 0px;
		
	}

}


.lp .lpbox1 .menubox_i_experience{
	width:100%;
	background:#ffffff;
	padding:0 0 0 0px;
	  display: flex;
	  flex-direction: row;
	  justify-content: space-around;
	
}
@media screen and (max-width:480px){
	.lp .lpbox1 .menubox_i_experience{
		width:100%;
		padding:0 0 0 0px;
	}

}

.lp .lpbox1 .menubox_i_experience img{
	width:100px;
	height:100px;
	margin:0 10px 10px 0;
	border-radius:10px;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .menubox_i_experience img{
		margin:0 10px 10px 0;
		display:block;
	}

}




/*画像ありprofbox*/

.lp .lpbox1 .menubox_i_experience .profbox{
	width:250px;

}
@media screen and (max-width:480px){
	.lp .lpbox1 .menubox_i_experience .profbox{
		width:100%;
		display:block;

	}
}

.lp .lpbox1 .menubox_i_experience .profbox .title{
	font-size:1.5rem;
	font-weight:700;

}



.lp .lpbox1 .menubox_i_experience .profbox .aff span{
	font-size:1.4rem;
	color:#000000;
	font-weight:normal;
	line-height:1.5;

}
.lp .lpbox1 .menubox_i_experience .profbox .aff{
	font-size:1.6rem;
	font-weight:700;
	line-height:1.5;

}
.lp .lpbox1 .menubox_i_experience .profbox .exam{
	margin:0 0 20px 0;

}

.lp .lpbox1 .menubox_i_experience .profbox .honbun{
	font-size:1.4rem;
	line-height:1.5;
	padding-left:-1em;
	text-indent:1em;

}


.lp .lpbox1 .profbox .tagbox{
	margin:10px 0 10px 0;
	width:100%;

}

.lp .lpbox1 .profbox .tagbox span{
	background:#d8e7ff;
	border-radius:5px;
	padding:2px 5px;
	color:#000000;
	margin:0 10px 0 0;
	line-height:2.5;
	font-size:1.4rem;

}


.lp .lpbox1 .profbox .tagbox .tagword{
	background:#d8e7ff;
	border-radius:5px;
	padding:5px 6px;
	color:#000000;
	margin:0 10px 10px 0;
	font-size:1.4rem;
	float:left;

}


.lp .lpbox1 .midashibox .profbox{
	width:73%;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .midashibox .profbox{
		width:100%;
	}
}



.lp .lpbox1 .midashibox .profbox h1{
	font-size:2.0rem;
	line-height:1.5;
	font-weight:700;
	color:#000000;
	margin:0 0 10px 0;
}



.lp .lpbox1 .midashibox .profbox .aff span{
	font-size:1.5rem;
	color:#000000;
	font-weight:normal;
	line-height:1.5;

}

.lp .lpbox1 .midashibox .profbox .aff{
	font-size:1.8rem;
	font-weight:700;
	line-height:1.5;

}


/*画像無しprofbox_n*/

.lp .lpbox1 .menubox_i_experience .profbox_n{
	width:100%;

}
@media screen and (max-width:480px){
	.lp .lpbox1 .menubox_i_experience .profbox_n{
		width:100%;
		display:block;

	}
}

.lp .lpbox1 .menubox_i_experience .profbox_n .title{
	font-size:1.5rem;
	font-weight:700;

}



.lp .lpbox1 .menubox_i_experience .profbox_n .aff span{
	font-size:1.4rem;
	color:#000000;
	font-weight:normal;
	line-height:1.5;

}
.lp .lpbox1 .menubox_i_experience .profbox_n .aff{
	font-size:1.6rem;
	font-weight:700;
	line-height:1.5;

}
.lp .lpbox1 .menubox_i_experience .profbox_n .exam{
	margin:0 0 20px 0;

}

.lp .lpbox1 .menubox_i_experience .profbox_n .honbun{
	font-size:1.4rem;
	line-height:1.5;
	padding-left:-1em;
	text-indent:1em;

}


.lp .lpbox1 .profbox_n .tagbox{
	margin:10px 0 10px 0;
	width:100%;

}

.lp .lpbox1 .profbox_n .tagbox span{
	background:#d8e7ff;
	border-radius:5px;
	padding:2px 5px;
	color:#000000;
	margin:0 10px 0 0;
	line-height:2.5;
	font-size:1.4rem;

}


.lp .lpbox1 .profbox_n .tagbox .tagword{
	background:#d8e7ff;
	border-radius:5px;
	padding:5px 6px;
	color:#000000;
	margin:0 10px 10px 0;
	font-size:1.4rem;
	float:left;

}


.lp .lpbox1 .midashibox .profbox_n{
	width:73%;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .midashibox .profbox_n{
		width:100%;
	}
}



.lp .lpbox1 .midashibox .profbox_n h1{
	font-size:2.0rem;
	line-height:1.5;
	font-weight:700;
	color:#000000;
	margin:0 0 10px 0;
}



.lp .lpbox1 .midashibox .profbox_n .aff span{
	font-size:1.5rem;
	color:#000000;
	font-weight:normal;
	line-height:1.5;

}

.lp .lpbox1 .midashibox .profbox_n .aff{
	font-size:1.8rem;
	font-weight:700;
	line-height:1.5;

}














.lp .lpbox1 .menubox_i_experience .tagbox{
	margin:10px 0 10px 0;
}

.lp .lpbox1 .menubox_i_experience .tagbox span{
	background:#d8e7ff;
	border-radius:5px;
	padding:2px 5px;
	color:#323499;
	margin:0 10px 0 0;
	line-height:2.5;

}


.lp .lpbox1 .midashibox{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin:20px 0 10px 0;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .midashibox{
	  display: block;
	  flex-direction: none;
	  justify-content: none;
	}
}

.lp .lpbox1 .midashibox .imgbox{
	width:27%;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .midashibox .imgbox{
		width:100%;
		margin:0 0 20px 0;                                            
	}
}


.lp .lpbox1 .midashibox .imgbox img{
	width:90%;
	border-radius:10px;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .midashibox .imgbox img{
		width:70%;
		margin:0 auto;
		display:block;
	}

}









.lp .lpbox1 .honbunbox{
  margin:20px 0 10px 0;
}
.lp .lpbox1 .honbunbox .honbun{
	font-size:1.5rem;
	line-height:1.7;
	padding-left:-1em;
	text-indent:1em;
	margin:0 0 10px 0;
}
.lp .lpbox1 .honbunbox .honbun_list{
	font-size:1.5rem;
	line-height:1.5;
	padding-left:1em;
	text-indent:-1em;
	margin:0 0 5px 15px;
	list-style:none;
}
.lp .lpbox1 .honbunbox .honbun_list::before {
  content: '・';
}


.lp .lpbox1 .komidashi{
	font-size:1.6rem;
	font-weight:700;
	line-height:1.5;
	margin:0 0 5px 0;
}



.lp .lpbox1 .modorubtn{
	font-size:1.7rem;
	line-height:1.5;
	text-align:center;
	text-decoration:underline;
	margin:40px 0 0 0;
}


/*表*/
.lp .lpbox1_table{
	width:100%;
	clear:both;
	padding:5px 0px 25px 0px;
	margin:0 auto 10px auto;
}
@media screen and (max-width:480px){
	.lp .lpbox1_table{
		width:100%;
		padding:5%;
	}
}


.lp .lpbox1_table table{
	margin:10px 0;
	width:100%;
}

.lp .lpbox1_table table th{
	width:250px;
	font-size:1.8rem;
	line-height:1.5;
	padding:0px 0 10px 0;
}
@media screen and (max-width:480px){
	.lp .lpbox1_table table th{
		width:100%;
		display:block;
		padding:5px 0 10px 0;
	}
}

.lp .lpbox1_table table td{
	width:780px;
	padding:0px 0 10px 0;
}
@media screen and (max-width:480px){
	.lp .lpbox1_table table td{
		width:100%;
		display:block;
	}
}

.lp .lpbox1_table hr{
	color:#aeaeae;
}

.lp .lpbox1_table .honbun{
	font-size:1.7rem;
	line-height:1.5;
	margin:0 0 0px 0px;
}
.lp .lpbox1_table .honbun .komoku{
	color:red;
	width:150px
}

.lp .lpbox1_table .honbun_kigou{
	font-size:1.5rem;
	text-align:left;
	line-height:1.5;
	padding-left:1em;
	text-indent:-1em;
	margin:5px 0 0 0;
}

.lp .lpbox1_table .honbun_kigou2{
	font-size:1.7rem;
	text-align:left;
	line-height:1.5;
	padding-left:1em;
	text-indent:-1em;
	margin:5px 0 0 0;
}




.lp .lpbox1_table li{
	font-size:1.7rem;
	font-weight:normal;
	line-height:1.4;
	margin:0 0 10px 0px;
	padding-left:1em;
	text-indent:-1.5em;
	list-style: none;
	text-indent: -1em;
	padding-left: 1em;
	
	
}
.lp .lpbox1_table li::before {
  content: '・';
}

.lp .lpbox1_table .joukenbox{
	font-size:1.4rem;
	background:#fdfee9;
	border:1px solid #666666;
	padding:5px 10px 0px 10px;
	display:inline-block;
	margin:0 0 10px 10px;

}

.lp .lpbox1_table .joukenbox li{
	font-size:1.4rem;
	font-weight:normal;
	line-height:1.4;
	margin:0 0 10px 0px;
	padding-left:1em;
	list-style: none;
	text-indent: -1em;
	padding-left: 1em;
}
.lp .lpbox1_table .joukenbox li::before {
  content: '・';
}


.lp .lpbox1_table a{
	text-decoration:underline;
	color:blue;
	
}

.lp .lpbox1_table table.komoku th{
	font-size:1.7rem;
	font-weight:normal;
	line-height:1.5;
	padding:0px 0 0px 0;
	
}
@media screen and (max-width:480px){
	.lp .lpbox1_table table.komoku th{
		width:50%;
		float:left;
	}

}

.lp .lpbox1_table table.komoku td{
	
	font-size:1.7rem;
	line-height:1.5;
	padding:0px 0 0px 0;
	
}
@media screen and (max-width:480px){
	.lp .lpbox1_table table.komoku td{
		width:50%;
		float:left;
	}

}


.lp .lpbox1_table .arrow{
	
	margin:0 auto;
	display:block;
	width:20px;
	
}

.lp .lpbox1_table .nagare_midashi{
	
	text-align:center;
	font-size:1.9rem;
	font-weight:700;
	margin:0 0 10px 0;
	
}






/*バナー*/

.lp .bnrbox_L{
	width:850px;
	margin:50px auto 40px auto;
	display:block;
 	display:flex;
  	flex-direction: row;
  	justify-content: space-around;
}
@media screen and (max-width:480px){
	.lp .bnrbox_L{
	 	display:block;
	  	flex-direction: none;
		width:100%;
	}
}

.lp .bnrbox_L .bnrbox_s{
	width:50%;
	text-align:center;
}
@media screen and (max-width:480px){
	.lp .bnrbox_L .bnrbox_s{
		width:100%;
		float:none;
		margin:10px 0 30px 0;
	}
}

.lp .bnrbox_L .bnrbox_s img{
	height:265px;
	float:left;
}
@media screen and (max-width:480px){
	.lp .bnrbox_L .bnrbox_s img{
		width:90%;
		height:90%;
		float:none;
	}
}



.lp .bnrbox_L .bnrbox_orange{
	background:#ffe683;
	width:415px;
	height:auto;
	margin:0 auto;
	display:block;
	padding:10px;
}
@media screen and (max-width:480px){
	.lp .bnrbox_L .bnrbox_orange{
		width:90%;
		height:auto;
		display:inline-block;
		margin:0 0 30px 0;
	}
}







.lp .bnrbox_L .bnrbox_orange .bnrbox_orange_white{
	background:#ffffff;
	padding:5px 10px;
	border-radius:5px;
}
@media screen and (max-width:480px){
	.lp .bnrbox_L .bnrbox_orange .bnrbox_orange_white{
		margin:10px auto 20px auto;
	}
}


.lp .bnrbox_L .bnrbox_orange .bnrbox_orange_white li{
	font-size:1.5rem;
	line-height:1.5;
	margin:0 0 0 10px;
	text-align:left;
	list-style: none;
	text-indent: -1em;
	padding-left: 1em;
	
}
@media screen and (max-width:480px){
	.lp .bnrbox_L .bnrbox_orange .bnrbox_orange_white li{
		line-height:1.4;
	}
}

.lp .bnrbox_L .bnrbox_orange .bnrbox_orange_white li::before {
  content: '・';
}

.lp .bnrbox_L .bnrbox_orange .bnrbox_orange_white .honbun1{
	font-size:1.7rem;
	line-height:1.4;
	text-align:left;
}


.lp .bnrbox_L .bnrbox_orange .bnrbox_orange_white .honbun2{
	font-size:1.7rem;
	line-height:1.4;
	text-align:right;
}
.lp .bnrbox_L .bnrbox_orange .bnrbox_orange_white .honbun3{
	font-size:1.5rem;
	line-height:1.4;
	text-align:right;
	color:#069317;
}
.lp .bnrbox_L .bnrbox_orange .bnrbox_orange_white table.komoku2 {
	margin:0 0 0 90px;
	
}
@media screen and (max-width:480px){
	.lp .bnrbox_L .bnrbox_orange .bnrbox_orange_white table.komoku2 {
		margin:0 0 0 30px;
		
	}
}


.lp .bnrbox_L .bnrbox_orange .bnrbox_orange_white .komoku2 th{
	font-size:1.5rem;
	line-height:1.5;
	font-weight:normal;
	
}
.lp .bnrbox_L .bnrbox_orange .bnrbox_orange_white .komoku2 td{
	font-size:1.5rem;
	line-height:1.5;
	font-weight:normal;
	
}



.lp .bnrbox_L .bnrbox_orange .moushikomi_btn{
	font-size:1.7rem;
	line-height:1.5;
	font-weight:700;
	color:#ffffff;
	text-align:center;
	border-radius:5px;
	padding:10px 5px;
	background:#ff7200;
	margin:10px auto 0 auto;
	width:80%;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width:480px){
	.lp .bnrbox_L .bnrbox_orange .moushikomi_btn{
		font-size:1.7rem;
		padding:10px 10px;
		margin:10px auto 10px auto;

	}
}


.lp .bnrbox_L .bnrbox_orange .moushikomi_btn:hover{
    background-color: #fdaa67;
    color: #ff0000;
}






/*講師紹介*/

.lp .lpbox1 .innerbox_read{
	max-width:1080px;
	background:#ffffff;
	padding:0px 0;
	display:inline-block;
}
@media screen and (max-width:480px) {
	.lp .lpbox1 .innerbox_read{
		max-width:100%;
		margin:0 0 30px 0;
	}
}

.lp .lpbox1 .innerbox_read .txtbox{
	width:70%;
	float:left;
	padding:0 0px;
}
@media screen and (max-width:480px) {
	.lp .lpbox1 .innerbox_read .txtbox{
		width:100%;
	}
}


.lp .lpbox1 .innerbox_read .txtbox60{
	width:60%;
	float:left;
	padding:0 0px;
}
@media screen and (max-width:480px) {
	.lp .lpbox1 .innerbox_read .txtbox60{
		width:100%;
	}
}


.lp .lpbox1 .innerbox_read .txtbox2{
	width:30%;
	float:left;
	padding:0 0px;
}
@media screen and (max-width:480px) {
	.lp .lpbox1 .innerbox_read .txtbox2{
		width:100%;
	}
}

.lp .lpbox1 .innerbox_read .txtbox2 .txtbox_prof_gray{
	padding:10px;
	background:#ebebeb;
	width:100%;
	margin:0 auto;
	display:block;

}

.lp .lpbox1 .innerbox_read .txtbox2 .txtbox_prof_gray .honbun{
	font-size:1.5rem;
	line-height:1.7;

}





.lp .lpbox1 .innerbox_read .txtbox3{
	width:40%;
	float:left;
	padding:0 0px;
}
@media screen and (max-width:480px) {
	.lp .lpbox1 .innerbox_read .txtbox3{
		width:100%;
	}
}

.lp .lpbox1 .innerbox_read .txtbox3 .txtbox_prof_gray{
	padding:10px;
	background:#ebebeb;
	width:100%;
	margin:0 auto;
	display:block;

}

.lp .lpbox1 .innerbox_read .txtbox3 .txtbox_prof_gray .honbun{
	font-size:1.5rem;
	line-height:1.7;

}






.lp .lpbox1 .innerbox_read .txtbox .img_tmp,
.lp .lpbox1 .innerbox_read .txtbox60 .img_tmp{
	width:260px;
	margin:0 0;
	display:block;
	padding:0 10px 0 0px;
	float:left;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .innerbox_read .txtbox .img_tmp,
	.lp .lpbox1 .innerbox_read .txtbox60 .img_tmp{
		margin:0 auto;
		float:none;
		width:70%;
		padding:0 10px;
	}
}


.lp .lpbox1 .innerbox_read .txtbox li,
.lp .lpbox1 .innerbox_read .txtbox60 li{
	font-size:1.4rem;
	line-height:1.5;
	padding-left:1em;
	text-indent:-1em;
}
.lp .lpbox1 .innerbox_read .txtbox li::before,
.lp .lpbox1 .innerbox_read .txtbox60 li::before{
	content: "・";
	font-weight:normal;
}


.lp .lpbox1 .innerbox_read .txtbox .honbun3{
	font-size:1.2rem;
	line-height:1.4;
	margin:10px 0 0 0;

}
.lp .lpbox1 .innerbox_read .txtbox .profbox_L,
.lp .lpbox1 .innerbox_read .txtbox60 .profbox_L{
 	display:flex;
  	flex-direction: row;
  	justify-content: space-around;

}
@media screen and (max-width:480px){
	.lp .lpbox1 .innerbox_read .txtbox .profbox_L,
	.lp .lpbox1 .innerbox_read .txtbox60 .profbox_L{
	 	display:block;
	  	flex-direction: none;
	  	justify-content: none;

	}
}

@media screen and (max-width:480px){
	.lp .lpbox1 .innerbox_read .txtbox .profbox_L .profbox1{
		width:100%;
		margin:0 auto 10px auto;
		padding:0 auto;
		display:block;
	}
}
.lp .lpbox1 .innerbox_read .txtbox .profbox_L .txtbox_prof{
	display:block;
	width:300px;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .innerbox_read .txtbox .profbox_L .txtbox_prof{
		margin:0 auto;
		display:block;
		width:95%;
	}
}


.lp .lpbox1 .innerbox_read .txtbox .profbox_L .txtbox_prof .honbun1{
	font-size:2.3rem;
	font-weight:700;
	margin:5px 0 10px 0;
}
.lp .lpbox1 .innerbox_read .txtbox .profbox_L .txtbox_prof .honbun2_prof,
.lp .lpbox1 .innerbox_read .txtbox60 .profbox_L .txtbox_prof .honbun2_prof{
	font-size:1.3rem;
	line-height:1.5;
	margin:0 0 10px 0;
}
.lp .lpbox1 .innerbox_read .txtbox .profbox_L .txtbox_prof .honbun3{
	font-size:1.2rem;
	line-height:1.5;
	margin:0 0 10px 0;
}




.lp .lpbox1 .innerbox_read .txtbox .profbox_L .txtbox_prof2,
.lp .lpbox1 .innerbox_read .txtbox60 .profbox_L .txtbox_prof2{
	display:block;
	width:250px;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .innerbox_read .txtbox .profbox_L .txtbox_prof2,
	.lp .lpbox1 .innerbox_read .txtbox60 .profbox_L .txtbox_prof2{
		margin:10px auto 0 auto;
		display:block;
		width:95%;
	}
}


.lp .lpbox1 .innerbox_read .txtbox .profbox_L .txtbox_prof2 .honbun1,
.lp .lpbox1 .innerbox_read .txtbox60 .profbox_L .txtbox_prof2 .honbun1{
	font-size:2.3rem;
	font-weight:700;
	margin:5px 0 10px 0;
}

.lp .lpbox1 .innerbox_read .txtbox60 .profbox_L .txtbox_prof2 .honbun1 span{
	font-size:1.7rem;
	font-weight:normal;
}


.lp .lpbox1 .innerbox_read .txtbox .profbox_L .txtbox_prof2 .honbun2_prof,
.lp .lpbox1 .innerbox_read .txtbox60 .profbox_L .txtbox_prof2 .honbun2_prof{
	font-size:1.3rem;
	line-height:1.5;
	margin:0 0 10px 0;
}
.lp .lpbox1 .innerbox_read .txtbox .profbox_L .txtbox_prof2 .honbun3{
	font-size:1.2rem;
	line-height:1.5;
	margin:0 0 10px 0;
}




/*その他の認証講習会ご紹介*/



.lp .lpbox1 .box1_table_new_left{
	width:50%;
	padding:0 20px 0 0;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .box1_table_new_left{
		width:100%;
		padding:0 0px 0 0;
	}
}


.lp .lpbox1 .box1_table_new_right{
	width:50%;
	padding:0 0px 0 20px;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .box1_table_new_right{
		width:100%;
		padding:0 0px 0 0;
		margin:20px 0 0 0;
	}
}


.lp .lpbox1 .seminarbox{
	  display: flex;
	  flex-wrap: wrap;
	  gap: 20px; /* ボタン同士の余白（必要に応じて調整） */
	  margin:20px 0 0 0;

}

.lp .lpbox1 .seminarbox .kensyubox {
  width: calc(50% - 10px); /* 2列にする（gap分引いて調整） */
  box-sizing: border-box;
  padding: 15px 10px;
  display: block;

}
@media screen and (max-width: 600px) {
  .lp .lpbox1 .seminarbox .kensyubox {
    width: 100%;
  }
}




.lp .lpbox1 .seminarbox .kensyubox .komidashi_kensyu{
	font-size:2.0rem;
	font-weight:700;
	margin:0 0 10px 0;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .seminarbox .kensyubox .komidashi_kensyu{
		font-size:1.9rem;
	}

}

.lp .lpbox1 .seminarbox .kensyubox .honbun{
	font-size:1.5rem;
	line-height:1.5;
}

.lp .lpbox1 .seminarbox .kensyubox .link{
	font-size:1.5rem;
	color:blue;
	text-align:right;
	text-decoration:underline;
	margin:10px 0 0 0;
}





.lp .lpbox1 .box1_txt_L .kensyubox {
	border:0px solid #000000;
	margin:0 0 30px 0;
	padding:0 10px;
	height:190px;
	
}
@media screen and (max-width:480px){
	.lp .lpbox1 .box1_txt_L .kensyubox {
		height:230px;
		
	}
}

.lp .lpbox1 .box1_txt_L .kensyubox_ex {
	margin:0 0 30px 0;
	padding:0 10px;
	height:190px;
	
}
@media screen and (max-width:480px){
	.lp .lpbox1 .box1_txt_L .kensyubox_ex {
		height:0px;
		
	}
}



.lp .lpbox1 .box1_txt_L .kensyubox .komidashi_kensyu{
	font-size:2.0rem;
	font-weight:700;
	margin:0 0 10px 0;
}
@media screen and (max-width:480px){
	.lp .lpbox1 .box1_txt_L .kensyubox .komidashi_kensyu{
		font-size:1.9rem;
	}

}
.lp .lpbox1 .box1_txt_L .kensyubox .honbun{
	font-size:1.5rem;
	line-height:1.5;
}

.lp .lpbox1 .box1_txt_L .kensyubox .link{
	font-size:1.5rem;
	color:blue;
	text-align:right;
	text-decoration:underline;
	margin:10px 0 0 0;
}


/*contents
-----------------------------------*/

#main .leftbox .contents{
	margin:20px 10px 0 0;
}
@media screen and (max-width:480px){
	#main .leftbox .contents{
		margin:10px;
	}
}


#main .leftbox .contents .titlebox{
		display:inline-block;
		margin:0 0 0px 0;
		width:100%;
}


#main .leftbox .contents .titlebox .title{
		font-size:2.5rem;
		font-weight:700;
		line-height:1.5;
		margin:0px 0 0 0;
		padding:20px 0 0 0;
}
#main .leftbox .contents .titlebox .date{
		font-size:1.5rem;
		line-height:1.5;
		text-align:right;
		vertical-align: bottom;
		margin:10px 0 0 0;
}



#main .leftbox .contents .titlebox img{
		width:350px;
		float:left;
		margin:0 10px 0 0;
}
@media screen and (max-width:480px){
	#main .leftbox .contents .titlebox img{
	width:100%;
		float:none;
		margin:0 0px 0 0;
	}
}



#main .leftbox .contents .mokujibox{
		background:#e4f4fb;
		width:100%;
		padding:10px 30px;
		display:inlline-block;
}
@media screen and (max-width:480px){
	#main .leftbox .contents .mokujibox{
			padding:10px;
	}

}


#main .leftbox .contents .mokujibox h2{
	font-size:1.5rem;
	line-height:1.5;
	margin:0 0 10px 0;
	text-align:left;
	padding-left:1em;
text-indent:-1em;

}
#main .leftbox .contents .mokujibox h2 a{
	text-decoration:underline;
}

#main .leftbox .contents .mokujibox h2 span{
	font-size:1.5rem;
}


#main .leftbox .contents .styled-hr {
    border: none;
    border-top: 4px solid #67a6c9;
    text-align: left;
    position: relative;
}

#main .leftbox .contents .styled-hr::before {
    content: "目次"; /* 表示したい文字 */
    position: absolute;
    top: -10px;
    left: 10%;
    transform: translateX(-50%);
    background: #e4f4fb;
    padding: 0 10px;
    font-size: 2.0rem;
    text-align: left;
    color: #333;
}

#main .leftbox .contents .img_tmp {
    margin:30px auto 10px auto;
    display:block;
    width:400px;
}
@media screen and (max-width:480px){
	#main .leftbox .contents .img_tmp {
	    width:100%;
	}
}

#main .leftbox .contents .txtlink {
    font-size:1.7rem;
    text-decoration:underline;
    text-align:center;
}


/*ptn_A
-----------------------------------*/
#main .leftbox .contents .ptn_A{
	margin:10px 0 0 0;

}


#main .leftbox .contents .ptn_A h2{
    text-align:left;
    margin:0 0 10px 0;
    font-size:2.0rem;
    font-weight:700;
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	  color: #494949;/*文字色*/
	  background: transparent;/*背景透明に*/
	  border-left: solid 5px #7db4e6;/*左線*/    
    
}


#main .leftbox .contents .ptn_A .honbun{
    text-align:left;
    font-size:1.5rem;
	line-height:1.5;
	margin:0 10px;
    
}



/*ptn_B
-----------------------------------*/

#main .leftbox .contents .ptn_B{
	margin:30px 0 0 0;

}

#main .leftbox .contents .ptn_B h3{
    text-align:left;
    margin:0 0 10px 0;
    font-size:2.0rem;
    font-weight:700;
	border-bottom: solid 4px #7db4e6;
	padding-bottom: 6px;
    
}

#main .leftbox .contents .ptn_B .honbun{
    text-align:left;
    font-size:1.5rem;
	line-height:1.5;
	margin:0 10px;
    
}

#main .leftbox .contents .ptn_B h4{
    text-align:left;
    margin:10px 0 5px 20px;
    font-size:1.8rem;
    font-weight:700;
    
}
#main .leftbox .contents .ptn_B .honbun_ptn_B{
    text-align:left;
    font-size:1.5rem;
	line-height:1.5;
	margin:0 15px 0 30px;
    
}



/*ptn_C
-----------------------------------*/

#main .leftbox .contents .ptn_C{
	margin:30px 0 0 0;

}

#main .leftbox .contents .ptn_C h3{
    text-align:left;
    margin:0 0 10px 0;
    font-size:2.0rem;
    font-weight:700;
	border-bottom: solid 4px #7db4e6;
	padding-bottom: 6px;
    
}
#main .leftbox .contents .ptn_C .honbun{
    text-align:left;
    font-size:1.5rem;
	line-height:1.5;
	margin:0 10px;
    
}

#main .leftbox .contents .ptn_C .imgbox{
	width:400px;
	margin:0 auto 20px auto;
	display:block;

}
@media screen and (max-width:480px){
	#main .leftbox .contents .ptn_C .imgbox{
	    width:100%;
	}

}


#main .leftbox .contents .ptn_C .imgbox .img_tmp2 {
    margin:30px auto 5px auto;
    display:block;
    width:400px;
}
@media screen and (max-width:480px){
	#main .leftbox .contents .ptn_C .imgbox .img_tmp2 {
	    width:100%;
	}
}

#main .leftbox .contents .ptn_C .imgbox .caption {
    font-size:1.5rem;
	line-height:1.5;
}




/*column
-----------------------------------*/

#main .leftbox .contents .column .column_midashi{
    text-align:left;
    margin:0 0 10px 0;
    font-size:2.0rem;
    font-weight:700;
	border-bottom: solid 4px #666666;
	padding-bottom: 6px;
    
}



#main .leftbox .contents .column .columnbox{
	
	  display: flex;
  flex-direction: row;
  justify-content: space-around;
	margin:0 0 10px 0;
}
@media screen and (max-width:480px){
	#main .leftbox .contents .column .columnbox{
		
		  display: block;
	  flex-direction: none;
	  justify-content: none;
		margin:0 0 10px 0;
	}
}


#main .leftbox .contents .column .columnbox .column_tmp{
	
	width:50%;
	padding:0 10px 0 0;


}
@media screen and (max-width:480px){
	#main .leftbox .contents .column .columnbox .column_tmp{
		
		width:100%;
		padding:0 0px 0 0;
		margin:10px 0 0 0;

	}

}



#main .leftbox .contents .column .columnbox .column_tmp .link{
	
	 font-size:1.5rem;
	 font-weight:700;
	 line-height:1.5;
	 text-decoration:underline;



}



#main .leftbox .contents .column .columnbox .column_tmp img{
	
	width:170px;
	margin:0 10px 0 0;


}
@media screen and (max-width:480px){
	#main .leftbox .contents .column .columnbox .column_tmp img{
		
		margin:0 10px 0 0;


	}
}

/*comment
-----------------------------------*/
#main .leftbox .contents .column .commentbox{
  display: flex;
  flex-direction: row;
  justify-content: space-around;

	margin:10px 0 10px 0;
}
@media screen and (max-width:480px){
	#main .leftbox .contents .column .commentbox{
		
		  display: block;
	  flex-direction: none;
	  justify-content: none;
		margin:20px 0 10px 0;
	}
}

#main .leftbox .contents .column .commentbox .commentnamebox{
	width:80%;
}
@media screen and (max-width:480px){
	#main .leftbox .contents .column .commentbox .commentnamebox{
		width:100%;
	}
}
#main .leftbox .contents .column .commentbox .commentnamebox .name{
	font-size:1.7rem;
	line-height:1.5;
}
#main .leftbox .contents .column .commentbox .commentnamebox .name span{
	font-size:1.8rem;
	font-weight:700;
	margin:0 20px 0 0;
}
#main .leftbox .contents .column .commentbox .commentnamebox .honbun{
	font-size:1.5rem;
	line-height:1.5;
}


#main .leftbox .contents .column .commentbox .comment_btnbox{
	text-align:center;
	font-size:1.6rem;
	font-weight:700;
	color:#ffffff;
	vertical-align:middle;
	background: linear-gradient(#f87777, #d30f0f);
	border-radius:5px;
	padding:5px 10px;
	margin:20px 0 0 0;
}
@media screen and (max-width:480px){
	#main .leftbox .contents .column .commentbox .comment_btnbox{
		width:80%;
		margin:10px auto;
		
	}
}
#main .leftbox .contents .column .tyuuigaki{
	font-size:1.5rem;
	line-height:1.5;
	margin:10px 0;
}



#main .leftbox .oomidashi2{
		font-size:2.7rem;
		line-height:1.5;
		color:#000000;
		margin:10px 0 10px 0;
		padding:0px 10px 0px 15px;
}
@media screen and (max-width:480px){
	#main .leftbox .oomidashi2{
			font-size:2.0rem;
			margin:10px 0 5px 0;
			padding:0px 10px 0px 10px;
	}

}



#main .leftbox .waku2{
	border:2px solid #000000;
	padding:20px 10px 20px 10px;
	width:70%;
	margin:50px auto;
	display:block;

}
@media screen and (max-width:480px){
	#main .leftbox .waku2{
		width:90%;

	}
}

#main .leftbox .honbun3{
	font-size:2.2rem;
	line-height:1.5;
	text-align:center;
}
@media screen and (max-width:480px){
	#main .leftbox .honbun3{
		text-align:left;
	}
}


#main .leftbox .honbun3 a{
	text-decoration:underline;
	color:#022669;
}

#main .leftbox .kaitou_btnbox{
	margin:20px auto;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
@media screen and (max-width:480px){
	#main .leftbox .kaitou_btnbox{
	  display: block;
	  flex-direction: none;
	  justify-content: none;
	}

}




#main .leftbox .kaitou_button{
	border: 1px solid #406cb4;
	border-radius:5px;
	width:300px;
	text-align:center;
	font-size:1.6rem;
	line-height:1.4;
	margin:10px auto;
	padding:5px;
	background:#e4fdd3;
}


/*----------------------------------------------------
	SMART応募フォーム
----------------------------------------------------*/
#main .leftbox #main_wide .smartform{
 padding:10px 0px 10px 0px;
}
#main .leftbox #main_wide .smartform .formmidashi{
 margin:0px auto 10px auto;
 background:#ee1649;
 color:#ffffff;
 width:95%;
 padding:5px;
 text-align:center;
 
}
#main .leftbox #main_wide .smartform .formmidashi .midashi1{
	font-size:18px;
	font-weight:700;
	margin:0 0 5px 0;
}
#main .leftbox #main_wide .smartform .formmidashi .midashi2{
	font-size:22px;
	font-weight:700;
	margin:0 0 5px 0;
}
#main .leftbox #main_wide .smartform .readbox{
	 width:90%;
	 margin:10px auto 10px auto;
}
#main .leftbox #main_wide .smartform .readbox .read1{
	font-size:17px;
	font-weight:700;
	line-height:1.4;
}
#main .leftbox #main_wide .smartform .readbox .readlistbox{
	 margin:10px 0 10px 20px;
}
#main .leftbox #main_wide .smartform .readbox .readlistbox .readlist{
	 font-size:1.5rem;
	 line-height:1.5;
	padding-left:1em;
	text-indent:-1em;
}

#main .leftbox #main_wide .smartform .readbox .read3{
	font-size:17px;
	font-weight:700;
	line-height:1.4;
	text-align:center;
}
@media screen and (max-width: 600px) {
	#main .leftbox #main_wide .smartform .readbox .read3{
		text-align:left;
	}
}



#main .leftbox #main_wide .smartform .readbox .readlistcenter{
	font-size:15px;
	text-align:center;
}


#main .leftbox #main_wide .section-title {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #001689; /* 細い青線 */
  height: 22px; /* 高さ調整、必要に応じて変更 */
  width:95%;
  margin:20px auto 0 auto;
}

#main .leftbox #main_wide .label {
  background-color: #001689; /* 紺色 */
  color: white;
  padding: 5px 15px 5px 15px; /* 上下左右の余白 */
  font-weight: bold;
  font-size: 14px; /* フォントサイズ調整 */
  width:230px;
}
@media screen and (max-width: 600px) {
	#main .leftbox #main_wide .label {
	  background-color: #001689; /* 紺色 */
	  color: white;
	  padding: 5px 15px 5px 15px; /* 上下左右の余白 */
	  font-weight: bold;
	  font-size: 14px; /* フォントサイズ調整 */
	  width:80%;
	}

}


#main .leftbox #main_wide .checkbox-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px; /* 縦横の間隔 */
  margin:20px 0 0 30px;
}



#main .leftbox #main_wide .checkbox-container label {
	  width: calc(50% - 30px); /* 横2列 */
	  box-sizing: border-box;
	  padding-left:1em;
      text-indent:-1em;
	  font-size:1.5rem;
	  line-height:1.5;
}

/* スマホ表示時は1列に */
@media screen and (max-width: 600px) {
  #main .leftbox #main_wide .checkbox-container label {
    width: 100%;
  }
}


#main .leftbox #main_wide .button{
	background:#fa870b;
	color:#ffffff;
	padding:10px 5px;
	font-size:14px;
	font-weight:700;
	width:200px;
	text-align:center;
	margin:30px 10px 0 0;
}
#main .leftbox #main_wide .button2{
	background:#fa870b;
	color:#ffffff;
	padding:5px 5px;
	font-size:14px;
	font-weight:700;
	width:150px;
	text-align:center;
	margin:30px 0 0 0;
}


@media screen and (max-width:480px){
	.naiyou_new{
		padding:5px;
	}

}


.naiyou_new .naiyoumidashibox h2{
	font-size:2.9rem;
	font-weight:700;
	margin:10px 0 5px 0;
}
.naiyou_new .naiyoumidashibox hr{
	border:2px solid #130486;
}

.naiyou_new h3{
	padding:5px 10px;
	background:#666666;
	color:#ffffff;
	font-size:1.8rem;
	font-weight:700;
	margin:20px 0 10px 0;
}


.naiyou_new .komidashi_zyukenhouhou{
	font-size:1.6rem;
	font-weight:700;
	margin:10px 0 5px 20px;
}


.naiyou_new .tsuika{
	font-size:1.5rem;
	line-height:1.5;
	margin:0px 0 0px 25px;
	list-style: none;
}
.naiyou_new .tsuika::before{
  content: '・';
}


.naiyou_new .honbun{
	font-size:1.5rem;
	line-height:1.5;
	margin:0px 0 5px 30px;
}
.naiyou_new .honbun_box2{
	font-size:1.5rem;
	line-height:1.5;
padding-left:1em;
text-indent:-1em;
	
}
.naiyou_new .honbun_box2 span{
	color:#ff0000;
	margin:0px 0 5px 30px;
}



.naiyou_new .shutsudaitable{
	margin:10px 15px 10px 15px;
}
.naiyou_new .shutsudaitable .rightline{
	border-right:1px solid #000000;
}
.naiyou_new .shutsudaitable th{
	padding:7px 5px;
	font-size:1.7rem;
}
.naiyou_new .shutsudaitable td{
	padding:7px 5px;
	line-height:1.4;
	font-size:1.5rem;
}
.naiyou_new .shutsudaitable .num{
	padding-left:1em;
	text-indent:-1em;

}

.naiyou_new .shutsudaitable .num2{
	font-size:1.4rem;
	padding-left:1em;
	text-indent:-1em;

}


.naiyou_new .kadaimidashi{
	background:#0e2841;
	color:#ffffff;
	font-weight:700;
	font-size:1.7rem;
}
.naiyou_new .shutsudaitable .rightline{
	border-right:1px solid #000000;
}
.naiyou_new .shutsudaitable .dottedline{
	border-bottom: 1px dashed #000000;

}
.naiyou_new .shutsudaitable .underline{
	border-bottom:1px solid #000000;
}
.naiyou_new .shutsudaitable .thhaba1{
	width:90px;
}
.naiyou_new .shutsudaitable .thhaba2{
	width:440px;
}
.naiyou_new .shutsudaitable .thhaba3{
	width:50px;
}


@media screen and (max-width:480px){
	.questions{
		padding:5px;
	}

}


.questions .naiyoumidashibox h2{
	font-size:2.9rem;
	font-weight:700;
	margin:10px 0 5px 0;
}
.questions .naiyoumidashibox hr{
	border:2px solid #130486;
}



/*card用タブ処理*/
.questions #exam_link{
	margin:20px 0 0 0;

}
.questions #exam_link .tab_item2 {
	width: calc(100%/2);
	height: 50px;
	border: 1px solid #565656;
	border-bottom: 0px;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	background-color: #cdcdcd;
	line-height: 1.5;
	font-size: 1.3rem;
	padding:5px 0 0 0;
	text-decoration: underline;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
}
@media screen and (max-width:480px) {
	.questions #exam_link .tab_item2 {
		font-size: 1.1rem;
	
	}

}


.questions #exam_link .tab_item2 span{
	font-size: 1.5rem;
}


/*ラジオボタンを全て消す*/
.questions #exam_link input[name="tab_item2"] {
	display: none;
}

/*選択されているタブのスタイルを変える*/
.questions #exam_link .tabs_card input:checked+.tab_item2 {
	background-color: #ffffff;
	color: #565656;
	text-decoration: underline;
}

/*選択されているタブのコンテンツのみを表示*/
#all2:checked~#all_content2,
#upgrade:checked~#upgrade_content {
	display: block;
}



/*タブ切り替えの中身のスタイル*/
.questions #exam_link .tab_content_card {
	display: none;
	border: 1px solid #565656;
	border-top: none;
	padding: 20px 40px 0 10px;
	clear: both;
	overflow: hidden;
	background-color: #ffffff;
}
@media screen and (max-width:480px) {
	.questions #exam_link .tab_content_card {
		padding: 20px 10px 0 10px;
	}
}