@charset "utf-8";


/*----------------------------------------------------
	.top-foto_hellopc
----------------------------------------------------*/


a:hover {
	color: #070088;
}

a img:hover {
	opacity: 0.5;
	transition: 0.3s;
}

#header_new {
    max-width: 1080px;
    margin: 10px auto;
}
@media screen and (max-width:480px){
	#header_new {
	    display:none;
	}
}
.head_hello {
	max-width: 1080px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	height: 45px;
    white-space: nowrap;
}
@media screen and (max-width:480px){
	.head_hello {
		height: auto;
		min-height: 45px;
		display: block;
		white-space: normal;
	  
	}
	
	
	 .head_hello .head1 {
	    margin: 0;
	    padding: 0;
	  }

	  .head_hello h1 {
	    margin: 0;
	  }

	
	
}


.head_hello .img2 {
    margin: 5px 0px 0 5px;
    float:left;
    height:34px;
}
@media screen and (max-width:480px){
	.head_hello .img2 {
	    margin: 11px 0px 0 5px;
	    height:29px;
	}
}


/* img2だけ無効 */
.head_hello a:hover .img2{
	opacity: 1;
	transition: 0s;
}



/* ハローパソコン教室用 */

.top-foto_hellopc{
	background-repeat: no-repeat;
	margin:0px 0 0 0;
	width:1080px;
	height:400px;
	display: block;
	padding-top:40px;
	box-sizing:border-box;

}
@media screen and (max-width:480px){
  .top-foto_hellopc{
    width:100%;
    height:auto;
    min-height:150px;
    padding-top:160px;
    background-size:100% auto;
    box-sizing:border-box;
  }

}


.top-foto_hellopc .txtbox{
	width:540px;

}
@media screen and (max-width:480px){
  .top-foto_hellopc .txtbox{
    width:100%;
    height:auto;
    margin:120px 0 0 0;
    clear:both;
    padding:0 5px;
  }
}

.top-foto_hellopc .txtbox h2{
	font-size:3.8rem;
	font-weight:700;
	text-align:center;
	line-height:1.4;
	margin:0 0 20px 0;

}
@media screen and (max-width:480px){
	.top-foto_hellopc .txtbox h2{
		font-size:2.8rem;
		padding:30px 0 20px 0;

	}
}


.cardup-wrapper #main .top-foto_hellopc .txtbox h3{
	font-size:2.4rem;
	font-weight:700;
	text-align:center;
	line-height:1.4;
	color:#ff0000;
	margin:10px 0;
	border-bottom: #000000 solid 0px;
	padding:0;


}
@media screen and (max-width:480px){
	.cardup-wrapper #main .top-foto_hellopc .txtbox h3{
		font-size:1.9rem;
	}
}


.top-foto_hellopc .txtbox h3 img{
	margin:0 5px 5px 5px;
}


.top-foto_hellopc .txtbox h4{
	font-size:2.2rem;
	font-weight:700;
	text-align:center;
	line-height:1.4;
	margin:10px 0;

}

.top-foto_hellopc .txtbox h4 span{
	font-size:2.9rem;
	font-weight:900;
	color:#ff0000;

}

.top-foto_hellopc .txtbox h5{
	font-size:1.8rem;
	text-align:center;
	line-height:1.4;
	margin:10px 0;
}
@media screen and (max-width:480px){
	.top-foto_hellopc .txtbox h5{
		font-size:1.5rem;
	}
}



.top-foto_hellopc .txtbox h5 span{
	font-size:2.5rem;
	font-weight:900;
	color:#ff0000;
}
@media screen and (max-width:480px){
	.top-foto_hellopc .txtbox h5 span{
		font-size:2.0rem;
	}
}

.top-foto_hellopc .txtbox .cap2{
	font-size:1.5rem;
	text-align:center;
	line-height:1.4;

}
@media screen and (max-width:480px){
	.top-foto_hellopc .txtbox .cap2{
		text-align:left;
		padding-left:1em;
		text-indent:-1em;
	}
}


/* ちいき新聞用 */

.top-foto_chiiki{
	background-repeat: no-repeat;
	margin:0px 0 0 0;
	width:1080px;
	height:400px;
	display: block;
	padding-top:40px;
	box-sizing:border-box;

}
@media screen and (max-width:480px){
  .top-foto_chiiki{
    width:100%;
    height:auto;
    min-height:150px;
    padding-top:160px;
    background-size:100% auto;
    box-sizing:border-box;
  }

}


.top-foto_chiiki .txtbox{
	width:540px;

}
@media screen and (max-width:480px){
  .top-foto_chiiki .txtbox{
    width:100%;
    height:auto;
    margin:120px 0 0 0;
    clear:both;
    padding:0 5px;
  }
}

.top-foto_chiiki .txtbox h2{
	font-size:3.8rem;
	font-weight:700;
	text-align:center;
	line-height:1.4;
	margin:30px 0 20px 0;

}
@media screen and (max-width:480px){
	.top-foto_chiiki .txtbox h2{
		font-size:2.8rem;
		padding:30px 0 20px 0;

	}
}


.cardup-wrapper #main .top-foto_chiiki .txtbox h3{
	font-size:2.4rem;
	font-weight:700;
	text-align:center;
	line-height:1.4;
	color:#ff0000;
	margin:10px 0;
	border-bottom: #000000 solid 0px;
	padding:0;


}
@media screen and (max-width:480px){
	.cardup-wrapper #main .top-foto_chiiki .txtbox h3{
		font-size:1.9rem;
	}
}


.top-foto_chiiki .txtbox h3 img{
	margin:0 5px 5px 5px;
}


.top-foto_chiiki .txtbox h4{
	font-size:2.2rem;
	font-weight:700;
	text-align:center;
	line-height:1.4;
	margin:10px 0;

}

.top-foto_chiiki .txtbox h4 span{
	font-size:2.9rem;
	font-weight:900;
	color:#ff0000;

}

.top-foto_chiiki .txtbox h5{
	font-size:1.8rem;
	text-align:center;
	line-height:1.4;
	margin:10px 0;
}
@media screen and (max-width:480px){
	.top-foto_chiiki .txtbox h5{
		font-size:1.5rem;
	}
}



.top-foto_chiiki .txtbox h5 span{
	font-size:2.5rem;
	font-weight:900;
	color:#ff0000;
}
@media screen and (max-width:480px){
	.top-foto_chiiki .txtbox h5 span{
		font-size:2.0rem;
	}
}

.top-foto_chiiki .txtbox .cap2{
	font-size:1.5rem;
	text-align:center;
	line-height:1.4;

}
@media screen and (max-width:480px){
	.top-foto_chiiki .txtbox .cap2{
		text-align:left;
		padding-left:1em;
		text-indent:-1em;
	}
}



/*----------------------------------------------------
	.hellopc_infobox
----------------------------------------------------*/

.hellopc_infobox{
  display: flex;
	flex-wrap:wrap;
	gap:10px;
  margin:20px 0 0 0;
  justify-content: space-between;

}
@media screen and (max-width:480px){
	.hellopc_infobox{
		padding:0 5px;
	  display: block;
	  flex-direction: none;
	  justify-content: none;
	}
}

.hellopc_infobox2{
  border:1px solid #919191;
  display: flex;
	flex-wrap:wrap;
	gap:10px;
  margin:20px 0 0 0;
  justify-content: space-between;

}
@media screen and (max-width:480px){
	.hellopc_infobox2{
		padding:0 5px;
	  display: block;
	  flex-direction: none;
	  justify-content: none;
	}
}

.hellopc_infobox2 .box1_0{
  width:525px;
  padding:10px 10px 0 0px;
  margin:0px 0 0 0;

}
@media screen and (max-width:480px){
	.hellopc_infobox2 .box1_0{
	  width:100%;
	}
}

.hellopc_infobox2 .box1_btn{
  width:525px;
  padding:10px 0 0 0;
  margin:0px 0 0 0;

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

.hellopc_infobox .box1{
  border:1px solid #919191;
  width:525px;
  padding:20px;
  margin:10px 0 0 0;

}
@media screen and (max-width:480px){
	.hellopc_infobox .box1{
	  width:100%;
	}
}

/*3分割用*/
.hellopc_infobox .box1_3{
  border:1px solid #919191;
  width:350px;
  padding:10px;
  margin:10px 0 0 0;

}
@media screen and (max-width:480px){
	.hellopc_infobox .box1_3{
	  width:100%;
	}
}



.hellopc_infobox .box1 img,
.hellopc_infobox .box1_3 img{
  margin:0 auto 10px auto;
  display:block;
  width:100%;

}

.hellopc_infobox2 .box1_0 img{
  margin:0 auto 0px auto;
  display:block;
  width:100%;

}



.hellopc_infobox .box1 .honbun,
.hellopc_infobox .box1_3 .honbun{
  font-size:1.5rem;
  line-height:1.5;

}

.hellopc_infobox2 .box1_0 .honbun{
  font-size:1.5rem;
  line-height:1.5;
}
@media screen and (max-width:480px){
	.hellopc_infobox2 .box1_0 .honbun{
	  margin:0 0 0 0;
	}
}



.hellopc_infobox .box1 .honbun_c2{
  font-size:1.5rem;
  line-height:1.5;
  margin:70px 0 0 0;
  text-align:center;

}
@media screen and (max-width:480px){
	.hellopc_infobox .box1 .honbun_c2{
	  margin:10px 0;

	}
}
.hellopc_infobox .box1 .honbun_c{
  font-size:1.5rem;
  line-height:1.5;
  margin:70px 0 0 0;
  text-align:center;

}

.hellopc_infobox .box1 .link,
.hellopc_infobox .box1_3 .link{
  font-size:1.5rem;
  line-height:1.5;
  text-align:center;

}

.hellopc_infobox2 .box1_0 .link{
  font-size:1.5rem;
  line-height:1.5;
  text-align:center;

}


.hellopc_infobox .box1 .link a,
.hellopc_infobox .box1_3 .link a{
 color:#1431e5;
}
.hellopc_infobox2 .box1_0 .link a{
 color:#1431e5;
}

.hellopc_infobox .box1 .link a:hover,
.hellopc_infobox .box1_3 .link a:hover{
 color:#070088;

}

.hellopc_infobox2 .box1_0 .link a:hover{
 color:#070088;

}

.hellopc_infobox2 .box1_0 .imgboxtmp{
	 height:380px;
	 margin:0 0 0px 0;
}
@media screen and (max-width:480px){
	.hellopc_infobox2 .box1_0 .imgboxtmp{
		 height:330px;
	}
}



.hellopc_infobox .box1_3 .imgboxtmp2{
 height:320px;

}


/* 新ボタン */

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

	display:flex;
	justify-content:space-between;
	align-items:center;
}
@media screen and (max-width:480px){
	.btnbox_narrow_new{
			width:95%;
			margin:20px auto;
	}
}

.btnbox_narrow_new .btnbox_arrow{
line-height:1;
}

.hellopc_infobox .btnbox2 .btnlink{
    display:inline-block;
    text-decoration:none;
}
@media screen and (max-width:480px){
	.hellopc_infobox .btnbox2 .btnlink{
		width:100%;
		margin:0 auto;
	    display:block;
	}
}


.hellopc_infobox .btnbox2{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:0px;
	margin:20px auto;
}
@media screen and (max-width:480px){
	.hellopc_infobox .btnbox2{
		display:block;
		flex-direction:column;
		align-items:center;
	}
}



.hellopc_infobox .btnbox2 .popup_btn,
.hellopc_infobox2 .btnbox2_r .popup_btn,
.hellopc_infobox2 .btnbox2 .popup_btn{
	display:block;
	width:fit-content;
	height:auto;
	margin:0 0;
	cursor:pointer;
	text-decoration:none;
}
@media screen and (max-width:480px){
	.hellopc_infobox .btnbox2 .popup_btn,
	.hellopc_infobox2 .btnbox2_r .popup_btn,
	.hellopc_infobox2 .btnbox2 .popup_btn{
		width:100%;
	}

}






.hellopc_infobox2 .btnbox2{
	display:flex;
	flex-wrap:wrap;
	justify-content:left;
	gap:0px;
	margin:20px 0;
}
@media screen and (max-width:480px){
	.hellopc_infobox2 .btnbox2{
		display:block;
		flex-direction:column;
		align-items:center;
	}
}




.hellopc_infobox2 .btnbox2_r{
	display:flex;
	flex-wrap:wrap;
	justify-content:right;
	gap:0px;
	margin:0px 0 20px 0;
}
@media screen and (max-width:480px){
	.hellopc_infobox2 .btnbox2_r{
		display:block;
		flex-direction:column;
		align-items:center;
		margin:0px 0 0px 0;
	}
}



.hellopc_infobox2 .btnbox2_l{
	display:flex;
	flex-wrap:wrap;
	justify-content:left;
	gap:0px;
	margin:0px 0 20px 0;
}
@media screen and (max-width:480px){
	.hellopc_infobox2 .btnbox2_l{
		display:block;
		flex-direction:column;
		align-items:center;
	}
}




/*----------------------------------------------------
	.smartbox
----------------------------------------------------*/
.smartbox{
  margin:30px 0 0 0;
}
@media screen and (max-width:480px){
	.smartbox{
	  width:100%;
	}
}


.smartbox h2{
	font-size:2.0rem;
	font-weight:700;
	text-align:center;
	color:#1431e5;
	margin:0 0 0 0;
}

.smartbox .cap{
  text-align:center;
  font-size:1.5rem;
  line-height:1.5;

}



.smartbox .bnrbox{
  display: flex;
	flex-wrap:wrap;
	gap:10px;
  margin:0px 0 0 0;
  justify-content: space-around;
  padding:0 20px;

}
@media screen and (max-width:480px){
	.smartbox .bnrbox{
		padding:0 5px;
	  display: block;
	  flex-direction: none;
	  justify-content: none;
	}
}


.smartbox .bnrbox img{
  width:313px;
  margin:20px 0 0 0;

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

	}
}
#main .smartbox .zeikomibox{
   text-align:right;
   margin:0 auto;
   width:900px;
   padding:0 0 10px 0;
   font-size:1.5rem;
}
@media screen and (max-width:480px){
	#main .smartbox .zeikomibox{
	   width:100%;
	}
}

#main .smartbox .pricetable{
   border:1px solid #191716;
   margin:0 auto;
   width:900px;
}
@media screen and (max-width:480px){
	#main .smartbox .pricetable{
	   width:100%;
	}
}

#main .smartbox .pricetable th{
   border:0px solid #191716;
   padding:20px 10px;
   font-size:1.5rem;
   font-weight:normal;
   text-align:center;
   background:#c0e6f5;
}
@media screen and (max-width:480px){
	#main .smartbox .pricetable th{
	   display:none;
	}
}


#main .smartbox .pricetable td{
   border:0px solid #191716;
   padding:5px;
   font-size:1.5rem;
   line-height:1.4;
   vertical-align:middle;
}
@media screen and (max-width:480px){
	#main .smartbox .pricetable td{
	   display:block;
	   width:100%;
	   border:none;
	}
}



#main .smartbox .pricetable .linetype1{
  border-bottom:1px solid #000000;
}
#main .smartbox .pricetable .linetype2{
  border-bottom:1px dotted #000000;
}


#main .smartbox .pricetable .gray1{
  color:#000000;
}

#main .smartbox .pricetable .bold1{
  font-weight:700;
}


#main .smartbox .pricetable .price{
  text-align:right;
}

#main .smartbox .pricetable .gray3{
  width:300px;
}



#main .smartbox .pricetable .moushikomibtnbox{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width:300px;
  float:right;
}
@media screen and (max-width:480px){
	#main .smartbox .pricetable .moushikomibtnbox{
	  float:none;
	  margin:0 auto;
	}
}

#main .smartbox .pricetable .moushikomibtnbox .moushikomibtn{
   background:#e97132;
   border-radius:10px;
   color:#ffffff;
   font-weight:700;
   line-height:1.9;
   width:90px;
   text-align:center;
   padding:0;
   margin:5px 5px;
   display:block;
   border:1px solid #e97132;
}

#main .smartbox .pricetable .moushikomibtnbox .moushikomibtn a{
   display:block;
}

#main .smartbox .pricetable .moushikomibtnbox .moushikomibtn a:hover{
   border-radius:10px;
	background:#ffeadf;
	color:#e97132;
}



#main .smartbox .pricetable .moushikomibtnbox .moushikomibtn_s{
   background:#e97132;
   color:#ffffff;
   font-weight:700;
   line-height:1.8;
   width:90px;
   text-align:center;
   padding:0px 0px;
   margin:5px 5px;
   display:block;
   border:1px solid #e97132;
}

#main .smartbox .pricetable .moushikomibtnbox .moushikomibtn_s a{
   display:block;
}


#main .smartbox .pricetable .moushikomibtnbox .moushikomibtn_s a:hover{
	background:#ffeadf;
	color:#e97132;
}










#main .smartbox .pricetable .sponly{
  display: none;
}
@media screen and (max-width:480px){
	#main .smartbox .pricetable .sponly{
	  display: block;
	  font-weight:700;
	  text-align:left;
	  width:150px;
	  margin:0 0 0 50px;
	}
	#main .smartbox .pricetable .price{
		margin:0 50px 0 0;
	}
}



#main .smartbox .pricetable .shikakumei{
   background:#ffffff;
	   text-align:left;
	   font-weight:700;
	   
}
@media screen and (max-width:480px){
	#main .smartbox .pricetable .shikakumei{
	   background:#dae9f8;
	   text-align:center;
	}
}

#main .smartbox .pricetable .shikakumei a{
	color:#0270d4;
	text-decoration:underline;
}
#main .smartbox .pricetable .shikakumei a:hover{
	color:#070088;
}


@media screen and (max-width:480px){
	#main .smartbox .pricetable .pricebox{
		  display: flex;
		  flex-direction: row;
		  justify-content: space-between;
	}

}




.btnbox_narrow_new .btnbox1{
	width:100%;
}
@media screen and (max-width:480px){
	.btnbox_narrow_new .btnbox1{
		width:90%;
	}
}


.btnbox_narrow_new .btnbox2{
	width:10%;
}
@media screen and (max-width:480px){
	.btnbox_narrow_new .btnbox2{
		width:10%;
	}
}

.btnbox_narrow_new:hover{
		border:1px solid #ee6419;
		background:#ffeadf;
		color:#ee6419;

}

.cardup-wrapper #bnr .ippai_bnr{
	margin:10px auto 0 auto;
	display:block;
}


.shadowbox .limitedwaribiki{
    font-size: 2.8rem;
    max-width: 1080px;
    margin: 10px 10px 5px 15px;
    letter-spacing: 3px;
    color:#000000;
}
@media screen and (max-width:480px){
    .shadowbox .limitedwaribiki{
        font-size:1.9rem;
		text-align:left;
        float:left;
        margin:14px 7px 0 7px;
        display:inline-block;
    letter-spacing: 0px;


    }
}









header{
	position:sticky;
	top:0;
	background-color:#ffffff;
	z-index:999;
}


header .shadowbox #hamburger_top{
		display:none;
}

/* ポップアップの背景 */
.popup-overlay {
	display: none; /* 初期は非表示 */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* 半透明の黒 */
	justify-content: center;
	align-items: center;
}

/* ポップアップウインドウ */
.popup-content {
	position: relative;
	display: block; /* 初期は非表示 */
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9); /* 半透明の白 */
	padding: 15px;
	width:350px;
	border:1px solid #000000;
	
}

/* 閉じるボタン */
 .popup-content .close-btn {
	background-color: #007bff;
	 width: 40px;
	height: 40px;
	background-color:#ee6419;
	border-radius: 50%;
	cursor: pointer;
	z-index: 1; /* 外枠の上に表示 */
	position: relative;
	top: -40px; /* 上から10px */
	left: 25px; /* 右から10px */
	float:right;
}
.popup-content  .close-btn i{
	color:#ffffff;
	font-weight:700;
	font-size:2.4rem;
	text-align:center;
	display:block;
	margin:0 0 0 1px;
}

.popup-content .popup-midashi_r{
	font-size:1.5rem;
	line-height:1.5;
	font-weight:700;
	margin:10px auto 5px auto;
	display:block;
	text-align:center;

}

.popup-content .honbun_r{
	font-size:1.2rem;
	line-height:1.2;

}
.popup-content .honbun_r2{
	font-size:1.2rem;
	line-height:1.2;
padding-left:1em;
text-indent:-1em;

}

.popup-content .honbun_red{
	font-size:1.2rem;
	line-height:1.2;
	color:#ff0000;
	margin:10px 0 0 0;

}


.popup-content .honbun_c{
	font-size:1.3rem;
	line-height:1.2;
	text-align:center;
	width:100%;

}


.popup-content .btnbox_narrow{
		border:1px solid #ee6419;
		width:280px;
		padding:20px 10px;
		background:#ffeadf;
		margin:20px auto;
		display:block;
		font-size:1.5rem;
		font-weight:700;
		line-height:1.5;
		text-align:center;
		color:#000000;
		

}

.popup-content .btnbox_narrow:hover{
		border:1px solid #ee6419;
		background:#ee6419;
		color:#ffffff;

}



.popup-content .btnbox_narrow span{
		margin:0px 0 0 0;
		line-height:1.5;
		float:right;
		color:#ee6419;

}

/* 漢読対策で小さ目なボタン */

.popup-content .btnbox_narrow_s{
		border:1px solid #ee6419;
		width:280px;
		padding:10px;
		background:#ffeadf;
		margin:20px auto;
		display:block;
		font-size:1.5rem;
		font-weight:700;
		line-height:1.5;
		text-align:center;
		color:#000000;
}


.popup-content .btnbox_narrow_s:hover{
		border:1px solid #ee6419;
		background:#ee6419;
		color:#ffffff;

}



.popup-content .btnbox_narrow_s span{
		margin:0px 0 0 0;
		line-height:1.5;
		float:right;
		color:#ee6419;

}





/* 親のaがhoverしたらspanも白にする */
.popup-content .btnbox_narrow:hover span{
	color:#ffffff;
}

/* 親のaがhoverしたらspanも白にする */
.popup-content .btnbox_narrow_s:hover span{
	color:#ffffff;
}


/* ポップアップの基本スタイル */
#popup1_2 {
  display: none; /* 初期状態は非表示 */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8); /* 初期状態は縮小 */
  width: 300px;
  padding: 20px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  opacity: 0; /* 初期状態は透明 */
  transition: opacity 0.3s ease, transform 0.3s ease; /* トランジションでアニメーション */
  z-index: 1001;
}

/* ポップアップを表示するスタイル */
#popup1_2.show {
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 1; /* 不透明に */
  transform: translate(-50%, -50%) scale(1); /* 元のサイズに拡大 */
}

/* 背景の暗いオーバーレイ */
.overlay {
	display: none; /* 初期は非表示 */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* 半透明の黒 */
	justify-content: center;
	align-items: center;
}


#popup1 .popup-content .btnbox_narrow_new{
	margin:20px auto;
}

#popup2 .popup-content .btnbox_narrow_new{
	margin:20px auto;
}


#popup3 .popup-content .btnbox_narrow_new{
	margin:20px auto;
}