.sub-box202505{
    margin-top: 10px;
    margin-bottom: 20px;
font-size:9px;
}

body {
	margin:0px;
	padding:0px;
	font-size:11px;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#646464;
	background-color:#f2f2f2;
}

a{/*リンクされた文字*/
    color:#999999;
    font-style:normal;
    text-decoration:none;
}
a:link {/*未訪問のリンク*/
    color:#999999;
    font-style:normal;
    text-decoration:none;
}
a:visited {/*訪問後のリンク*/
    color:#999999;
    text-decoration:none;
}
a:hover {/*マウスをのせたとき*/
    color:#000;
    font-style:normal;
    text-decoration:none;
}


img{
     max-width: 100%;
     height: auto;
	 border:0px;
}



/*

[[[ HEADER-AREA ]]]

*/

#head{background-image:url(../images/bg_head.jpg);
	background-repeat:repeat-x;
	height:auto;
	padding-top:10px;
	margin:0px 0px 10px 0px;
	display:inline-block;}
#sub_head{background-image:url(../images/bg_head.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:auto;
	padding-top:10px;
	margin:0px 0px 10px 0px;
	display:inline-block;}

#head_left{
	float:left;
	width:50px;
	}



#head_bg{
	float:right;
	width:270px;
}

.pad51{padding:5px;}

.sub_pad51{padding:5px;}

.pad5{padding:5px;padding-left:10px;}

#head_area{
	margin:0px auto 0px auto;
	padding:18px 0px 0px 0px;
	width:950px;
	height:365px;
}

#head_area h1{
	margin:0px 9px 0px 0px;
	float:left;
}

#top_blog{

}

#blog_photo{
	border:3px solid #FFF; 
}

#blog_photo img{
	max-width:100%;
	height:auto;
	}

#blog_topic{
	float:left;
	height:20px;
	width:185px;
	padding:3px 2px;
	border:1px solid #3AD764;
	background:#ffffff;
}

*:first-child+html #blog_topic{
	padding:5px 0px 20px 8px;
}



.pc01{
	text-aligin:center;
	width:320px;
	margin:0px auto;
	padding:20px 0;
	padding-top:20px;
	background:#646464;
	}

/*

[[[ NAV-AREA ]]]

*/

#nav_global{
	width:950px;
	margin:0 auto;
}

#nav_global li{
	float:left;
}

/*

[[[ TOPIC-AREA ]]]

*/

#topics{width:100%;display:inline-block;margin-bottom:10px;}

#topic{
	width:199px;
	float:left;
	line-height:1;border:1px solid #2d6be3;
	padding:7px 6px;
	background:#ffffff;

}

#topic h2{
	padding:0px 0px 0px 0px;
}

#topic li{
	list-style:none;
	padding:0px 0px 0px 0px;
}

.bnr_back{
		background-image:url(../images/smp/bnr.png);
	background-repeat:no-repeat;
	padding:5px 20px;
	background-size:cover;
	}

*:first-child+html #topic li{
	padding:0px 0px 0px 0px;
}


#topic_news{float:left;}

/*

[[[ GREETING-AREA ]]]

*/

#greeting_bg{
	background-image:url(../images/bg_greeting.jpg);
	background-repeat:repeat-y;
	height:auto;
	margin:5px 5px 10px 5px;
	padding:2px;
	line-height:150%;
}

#greeting{
	padding:18px;
	background-color:#FFF;
}

#greeting h2{
	margin-bottom:10px;
}


/*

[[[ CONTNT-AREA ]]]

*/

#content_wrap{
padding:0 5px;
	height:auto;
	margin:0 auto;
	line-height:180%;
}

#content_wrap2 {
    padding: 0px 5px 5px 5px;
    height: auto;
    margin: 0 auto;
    line-height: 180%;
    width: 100%;
    box-sizing: border-box;
}


.content{
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:20px;
	background-image:url(../images/line_colorful.jpg);
	margin:0px 0px 20px 0px;
}
section.content.topnew {
    background: none;
}
.content h2{
	margin:0px 0px 10px 0px;
}


/*

[[[ GUIDE-AREA ]]]

*/

#table_wrap{
	margin:0px 0px 0px 0px;
	height:140px;
	width:600px;
	margin:0 auto;
}

table{
	border-spacing:1;
	text-align:center;
	background-color:#ccc;
}

.table_b{
	font-weight:bold;
	padding:5x;
	color:#fff;
	/*background-color:#91C6DD;*/
	background-color:#2d6be3;
}

.table_in{
	padding:5px;
	background-color:#fff;
}

#guide_content{
	border:none;
	padding:10px;
	background-color:#FFF;
	border-radius: 5px;        /* CSS3 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	behavior: url(border-radius.htc);//for IE 
}

#guide_info{
	height:auto;
}

#guide_info h1,#guide_info h2{
	background-image:url(../images/bg_line_yellow.jpg);
	margin-bottom:30px;
	padding:0px 0px 5px 10px;
	background-position:bottom;
	background-repeat:no-repeat;
}

#guide_content dl{
	margin:0px 0px 10px 0px;
	padding:0px 10px 0px 10px;
}

#guide_content dt{
	background-image:url(../images/icon_subject.jpg);
	background-position:0 30%;
	background-repeat:no-repeat;
	padding:0px 0px 5px 15px;
	margin:0px 0px 10px 0px;
	border-bottom:1px dotted #CCC;
}

#guide_content dd{
	padding:0px 3px 0px 3px;
	margin:0px 0px 15px 0px;
}

.guide_subject{
	width:100%;

}

.guide_subject_r{
	width:100%;

}

.y_line{
	background-image:url(../images/bg_line_yellow.jpg);
	margin-bottom:30px;
	padding:0px 0px 5px 10px;
	background-position:bottom;
	background-repeat:no-repeat;
	width:100%;
}

#guide_content h4{
	text-align:center;
}

/*

[[[ INFORMATION-AREA ]]]

*/

#info_content{
	border:none;
	padding:20px;
	background-color:#FFF;
	border-radius: 5px;        /* CSS3 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	behavior: url(border-radius.htc);//for IE 
}

#info_content dl{
	margin:0px 0px 30px 0px; 
}

#info_content dt{
	margin:0px 0px 10px 0px; 
}

.info_photo{
	width:277px;
	margin-bottom:10px;
}

.info_photo_r{
	margin:0px 0px 0px 0px;
	width:277px;
}


#info_director{
	margin:0px 0px 0px 0px;
	margin-bottom:10px;
}

#info_blog{
	margin:0px 0px 30px 0px;
}

#info_content p{
	padding:10px 2px 0px 5px;
}

/*

[[[ ACCESS-AREA ]]]

*/

#access_content{
	border:none;
	padding:20px;
	background-color:#FFF;
	border-radius: 5px;        /* CSS3 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	behavior: url(border-radius.htc);//for IE 
}

#map{
	margin:0px 0px 10px 0px;
	width:100%;
	height:300px;
	border:1px solid #CCC;
}

.map{	width:100%;
	height:300px;}


/*

[[[ FOOT-AREA ]]]

*/

#nav_foot{
	margin:0px 0px 50px 0px;
	text-align:center;
}

#nav_foot li{
	padding:0px 10px 0px 0px;
	display:inline;
}

#foot_bg{
	height:160px;
	background-repeat:repeat-x;
	background-image:url(../images/bg_foot.jpg);
}

#foot_in{
	position:relative;
	color:#FFF;
	margin:0 auto;
	height:120px;
	background-repeat:no-repeat;
	background-image:url(../images/foot_rabbit.jpg);
	background-position:right 50%;
	padding:20px 20px 20px 20px;
}

#foot_in h1{
	font-weight:bold;
}

#foot_in ul{
	margin:10px 0px 0px 0px;
	list-style:none;
}

#foot_in li{
	font-weight:bold;
	margin:0px 0px 8px 0px;
}

#foot_in p{
	position:absolute;
	bottom:10px;
}

/*

[[[ NEES－PAGE-AREA ]]]

*/

#news_content{
	border:none;
	padding:30px;
	background-color:#FFF;
	border-radius: 5px;        /* CSS3 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	behavior: url(border-radius.htc);//for IE 
}

#news_content h3{
	font-size:14px;
	border-bottom:1px dotted #333;
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
}

#news_content p{
	line-height:170%;
}

#news_content dt{
	font-size:12px;
	font-weight:bold;
	padding:0px 0px 7px 0px;
	margin:0px 0px 7px 0px;
	background:url(../images/bg_line_yellow.jpg) no-repeat bottom;	
}


#news_content dd{
	margin:0px 0px 20px 0px;	
}

#news_content time{
	margin:0px 0px 0px 10px;	
}
	
/*

[[[ blog-AREA ]]]

*/

#blog_bg{
	background-image:url(../../blog/images/bg_blog.jpg);
	background-repeat:repeat-x;
	height:auto;
	margin:0px 0px 10px 0px;
	width:100%;
}

#blog_area{
	margin:0px auto 0px auto;
	padding:18px 0px 0px 0px;
	width:950px;
	height:255px;
}

#blog_area h1{
	float:left;
}

#blog_area p{
	float:right;
}

#post_wrap{
	margin:0px 0px 5px 0px;
	border:none;
	background-color:#fff;
	width:950px;
	height:auto;
	border-radius: 5px;        /* CSS3 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	behavior: url(border-radius.htc);//for IE 
}

#post_wrap_in{
	margin:0px 0px 30px 0px;
	border:none;
	background-color:#fff;
	width:950px;
	height:auto;
	border-radius: 5px;        /* CSS3 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	behavior: url(border-radius.htc);//for IE 
}

#post_title{
	background-image:url(../../blog/images/blog_find.jpg);
	width:950px;
	height:41px;
	margin:0px 0px 10px 0px;
	position:relative;
}

#post_title h1{
	padding:10px 0px 0px 20px;
	font-size:14px;
	font-weight:bold;
}

#post_title time{
	position:absolute;
	right:170px;
	bottom:10px;
}

#post_content{
	padding:15px 0px 10px 0px;
	width:610px;
	margin:0 auto;
}

#post_content img{
	border:solid 10px #f3f3f3;
	
}

#post_content p{
	margin-left:auto;
	margin-right:auto;
}

/*
[[[ thumnail ]]]
*/

#caption{
	text-align:center;
	font-size:10px;
	padding:2px 0px 0px 0px;
}

#post_content_text{
	margin-bottom:10px;
	padding:10px;
}

#thumnail{
	height:auto;
	width:960px;
	margin:0 auto 30px auto;
}

#thumnail article{
	padding:15px;
	background-color:#FFF;
	height:auto;
	float:left;
	width:280px;
	margin:5px;
	display:inline;
	border-radius: 5px;        /* CSS3 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	behavior: url(border-radius.htc);//for IE 
}

#thumnail #content_wrap article{
	padding:0;
	background: none;
	height:auto;
	float:none;
	width:auto;
	margin:0;
	display:block;
	border-radius:0;        /* CSS3 */  
    -webkit-border-radius: 0;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0;   /* Firefox用 */ 
	behavior: url(border-radius.htc);//for IE 
}

#thumnail #content_wrap article #post_title{
	background-image:url(../../blog/images/blog_find.jpg);
	width:950px;
	height:41px;
	margin:0px 0px 10px 0px;
	position:relative;
}

#thumnail #content_wrap article #post_wrap{
	margin:0px 0px 10px 0px;
	border:none;
	background-color:#fff;
	width:950px;
	height:auto;
	border-radius: 5px;        /* CSS3 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	behavior: url(border-radius.htc);//for IE 
}

#thumnail #content_wrap figure{
	background-color:#f2f2f2;
	width:590px;
	height: auto;
	margin:10px 0px 0px 0px;
}

#thumnail figure{
	background-color:#f2f2f2;
	width:280px;
	height:210px;
	margin:10px 0px 10px 0px;
}


/*

[[[ pagenavi ]]]

*/

#naviarea{
	clear:both;
	padding:20px 0px 0px 0px;
	margin:0 auto;
	width:500px;
	height:20px;
}

#naviarea a{
	border:1px solid #fff;
}

#naviarea a:hover {
	border:1px solid #4BB14D;
}
.prev a{
	display:block;
	padding:10px;
	background-color:#fff;
	float:left;
}

.next a{
	display:block;
	padding:10px;
	background-color:#fff;
	float:right;
}



/*

[[[ WP-pagenavi ]]]

*/

.wp-pagenavi {
	margin-bottom:30px;
	text-align: center;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 3px 8px;
	margin-right: 4px;
	text-decoration: none;
	color: #999;
	background-color: #fff;
	border:1px solid #fff;
}
.wp-pagenavi a:visited {
	color: #999;
}
.wp-pagenavi a:hover {
	background-color: #fff;
	border:1px solid #4BB14D;

}
.wp-pagenavi a:active {
	color: #999;
	background-color: #fff;
}
.wp-pagenavi span.current {
	padding: 3px 8px;
	margin-right: 4px;
	color: #fff;
	background-color: #4BB14D;
}
.wp-pagenavi span.extend {
	margin-right: 4px;
	color: #999;
}
.wp-pagenavi a.previouspostslink {
	color: #999;
}
.wp-pagenavi a.nextpostslink {
	color: #999;
}
.wp-pagenavi a.first {
	padding: 3px 8px 3px 12px;
	color: #999;
}
.wp-pagenavi a.last {
	padding: 3px 12px 3px 8px;
	color: #999;
}

/**/

.menu2 li{
float:left;text-align:center;display:block;
}

#menu1{
    font-size: 14px;
    list-style: none;
    background: #ffffff;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
}

.menut {
    border-top: 1px solid #cccccc;
    width: 50%;
}
.menur{border-right:1px solid #cccccc;}

#menu1 a {
    display: block;
    background: url(../images/smp/ya00.png) 95% 49% no-repeat;
    height: 16px;
    padding: 13px;
    padding-top: 6px;
    border: 2.5px solid #b7b7b7;
    border-top: none;
    text-align: left;
    border-top: 2.4px solid #b7b7b7;
}



/*--menu01--*/

#menu01 ul {
list-style:none;display:block;
}

#menu01 .le01{
	margin-bottom:1px;
list-style-type: none;
		display: block;
	}

.le01 img{display: block;}

#menu01 .le02{
margin-bottom:1px;
list-style-type: none;
		display: block;
}

#menu01{
	text-align:center;
	padding-top:1px;
	margin:0 1px;
	margin-bottom:10px;
	width:318px;display:block;height:66px;}

#menu01 li{float:left;
}

/**/



.syouzyou li{
	background: url(../images/ya1.png);
    text-align: left;
    padding: 8px 0;
    padding: 0px 0px 0px 20px;
    display: block;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    text-indent: 0;
}

.syouzyou {	margin-bottom:10px;
}

.guidebox{    padding: 10px;
    border: #f9d938 2px solid;}

.maru{font-size:18px;}


/***************

add.css-20220615

***************/

p.accesstxt {
    margin: 10px 0;
}

.time-box {
    margin: 20px 0;
}

p.time-box-in {
    display: table;
    margin: 0 auto;
    font-size: 14px;
}
.guide-box-in {
    display: flex;
    align-items: center;
    border-bottom: 2px solid rgb(242 242 242 / 0.78);
    margin-bottom: 20px;
    padding-bottom: 5px;
justify-content: center;
}
.guide-box-img {
    width: 25%;
}
.guide-box-txt {
    width: 60%;
    text-align: center;
}
p.guide-box-txt-in {
    font-size: 12px;
}


.btn, a.btn, button.btn {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
    display: inline-block;
    padding: 6px 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.5rem;
}
a.btn--orange {
    color: #fff;
    background-color: #13c944;
    border-bottom: 3px solid #2e9d48;
}
a.btn--orange:hover {
  margin-top: 3px;
  color: #fff;
  background: #f56500;
  border-bottom: 2px solid #b84c00;
}
a.btn--shadow {
    -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    box-shadow: 0 3px 2px rgb(0 0 0 / 10%);
}
.map-box {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.intorbox {
    text-align: center;
    text-align: -webkit-center;
    margin-bottom: 20px;
}

/*==================================================
アコーディオンのためのcss
===================================*/

/*アコーディオン全体*/
.accordion-area {
    list-style: none;
    width: 100%;
    margin: 0 auto;
}
.accordion-box {
    background: #fff;
    padding: 20px 5px;
}
.accordion-area li {
    margin: 0px 0 40px;
}

.accordion-area section {

}

/*アコーディオンタイトル*/

.title00 {
    position: relative;
    cursor: pointer;
    font-size: 1rem;
    font-weight: normal;
    padding: 3% 3% 3% 100px;
    transition: all .5s ease;
    background: #e1d4bf;
    color: #603813;
    font-size: 26px;
    font-weight: bold;
    text-align: left;
}

/*アイコンの＋と×*/




.title00::before{
    top:48%;
    right: 29px;
    transform: rotate(-49deg);
    
}

.title::after{    
    top:48%;
    right: 10px;
    transform: rotate(90deg);
    transition: all 0.5s ease 0s;
}
.title00::after{    
    top:48%;
    right: 41px;
    transform: rotate(45deg);

}

h3.title.close {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/*　closeというクラスがついたら形状変化　*/

.title.close::before{
  transform: rotate(45deg);
}

.title.close::after{
  transform: rotate(-45deg);
}


/*　closeというクラスがついたら形状変化　*/

.title00.close::before{
  transform: rotate(45deg);
}

.title00.close::after{
  transform: rotate(-45deg);
}



.hover4 {
    color: #fff;
    display: inline-block;
    margin: 0 0 1em;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}
.hover4:hover {
    transform: translateY(6px);
}


.flex-purchaseboxinbox {
    display: flex;
    align-items: center;
}



/*アコーディオンで現れるエリア*/
.box {
    display: none;/*はじめは非表示*/
    background: #f1f1f1;
    padding: 3% 3% 3% 3%;
    color: #16165b;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}


.main04_bgcolor {
    max-width: 1200px;
    width: 100%;
    background: #f1ebe1;
    margin: 0 auto;
    padding-top: 10%;
    margin-top: -70px;
padding-bottom: 70px;
}

.accordion-main {
    max-width: 990px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #a37c52;
    box-sizing: border-box;
}
.accordion-main_midashi{
    font-size: 27px;
    background: #a37c52;
    color: #fff;
    padding: 18px;
}
span.accordion-box-q {
    font-size: 33px;
    padding-right: 20px;
    border-right: 1px solid #fff;
    margin-right: 20px;
}
.main04 p {
    font-size: 22px;
    line-height: 30px;
    text-indent: -37px;
    padding-left: 37px;
}
h3.title00.center {
    padding: 3%;
}
span.accordion-box-a {
    font-size: 33px;
    padding-right: 10px;
    font-weight: bold;
}
span.title00_maru {
    width: 40px;
    height: 40px;
    background: #ffffff;
    display: block;
    border-radius: 30px;
    position: absolute;
    top: 15px;
    right: 25px;
}

.main03_in {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.main03 p {
    width: 100%;
    text-align: center;
    color: #42210b;
    font-family: initial;
    font-size: 44px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: -30px;
    margin-left: -20px;
}
.lessen_main {
    position: relative;
margin-bottom: -0.5rem;
}
.lessen_box01 {
    position: absolute;
    bottom: 100px;
}
.lessen_box03 {
    position: absolute;
    top: 80px;
}
.lessen_box07 {
    position: absolute;
    top: 60px;
}

.main03 p img {
    max-width: 100%;
}

p.school_name {
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: bold;
}
p.school_text {
    margin-top: 10px;
    font-weight: bold;
    margin-bottom: 30px;
    text-indent: -67px;
    padding-left: 67px;
}
p.school_text.border_b {
    padding-bottom: 20px;
    border-bottom: 2px solid #e1d4bf;
}
span.accordion-box-q.qabox-span {
    font-size: 18px;
    padding-right: 10px;
    border-right: 1px solid #fff;
    margin-right: 10px;
    line-height: 30px;
}
span.nopc {
    display: inline-block;
}
span.accordion-box-q {
    font-size: 18px;
    padding-right: 10px;
    border-right: 1px solid #fff;
    margin-right: 10px;
}
.title {
    position: relative;
    cursor: pointer;
    font-size: 1rem;
    font-weight: normal;
    padding: 2% 33px 2% 3%;
    transition: all .5s ease;
   background: #00a5d5;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.title::before {
    top: 48%;
    right: 10px;
    transform: rotate(0deg);
    transition: all 0.5s ease 0s;
}
.title::before, .title::after {
    position: absolute;
    content: '';
    width: 16px;
    height: 2px;
    background-color: #ffffff;
}
.qabox {
    display: flex;
    align-items: center;
}
.flex-purchaseboxinner02 {
    width: 80%;
}
.flex-purchaseboxinner {
    width: 20%;
}
li.lastqa {
    margin-bottom: 0;
}