@charset "UTF-8";
/* CSS Document */
.dojo{
	font-size:14px;
}
.dojo .fs12{
	font-size:12px !important;
}
.dojo .w80p{
	width:80%;
}
.dojo table td, .dojo table th{
	font-size:14px;
}

.calendar table th{
background:#8a8080;
color:#fff;
}

.calendar table td img{
width: 120px;
display: block;
}
.calendar table td {
text-align: left;
}


.dojo .newsList a{
	color:#332b2a;
}
.dojo .newsList .newsCol .newsTxt .ttl{
	font-size:14px;
	font-weight:bold;
}
.dojo .newsList .newsCol .newsTxt .txt{
	font-size:14px;
	font-weight:normal;
}

.dojo .articleStyle01{}
.dojo .articleStyle01 li{
	background:#fff;
	border-bottom:1px solid #d6d5d4;
	padding:10px;
}
.dojo .articleStyle01 li .ttl{
	font-size:14px;
	margin-bottom:6px;
}
.dojo .articleStyle01 li .date{
	font-size:10px;
	font-weight:bold;
	margin-bottom:2px;
}
.dojo .articleStyle01 li .txt{
	font-size:14px;
	margin-bottom:0px;
}
.dojo .newsListStyle01.newsList02{
	border-top:none;
}
.dojo .newsListStyle01 .newsCol{
	background-color:#fff;
	border-bottom: 2px solid #edebe8;
}

.dojo .articleStyle02{
	border-top:2px solid #d5d3d2;
}
.dojo .articleStyle02 li{
	width:50%;
	float:left;
	box-sizing:border-box;
	display:table;
	border-bottom:2px solid #d5d3d2;
	margin:0; padding:0;
}
.dojo .articleStyle02 li a{
	display:block;
}
.dojo .articleStyle02 li:nth-child(2n){
	border-left:2px solid #d5d3d2;
}
.dojo .articleStyle02 li p{
	display:table-cell;
}
.dojo .articleStyle02 li p.img{
	width:56px;
	height:auto;
}
.dojo .articleStyle02 li p.ttl{
	font-size:14px;
	text-decoration:underline;
	vertical-align:middle;
	padding-left:10px;
}

.dojo .boxStyle01{
	width:300px;
	margin:0 auto; padding:0;
}
.dojo .boxStyle01 .item{
	width:145px;
	float:left;
	box-sizing:border-box;
	border:1px solid #e1e0dc;
	background:#fff;
	margin:0 0 12px;
}
.dojo .boxStyle01 .item:nth-child(2n+1){
	margin-right:10px;
}
.dojo .boxStyle01 .item .ttl{
	font-size:14px;
	color:#fff;
	background:#837d7a;
	font-weight:bold;
	text-align:center;
	padding:7px 0;
}
.dojo .boxStyle01 .item .txt{
	font-size:14px;
	padding:5px;
}
.dojo .boxStyle01 .item .txt .img{
	width:75px;
	margin:0 auto 5px;
}
.dojo .boxStyle01 .item .txt .name{
	font-weight:bold;
	margin:0 0 5px;
}
.dojo .boxStyle01 .item .txt .cmnt{
	margin:0;
}

.dojo .tabArea{
	background:none;
}
.dojo .tabArea ul.tabMenu.item2 li{
	width:50%;
}
.dojo .tabArea ul.tabMenu.item3 li{
	width:33.3%;
}
.dojo .tabArea ul.tabMenu.item3 li:last-child{
	width:33.4%;
}
.dojo .tabArea ul.tabMenu.item4 li, .dojo .tabArea2 ul.tabMenu2.item4 li{
	width:25%;
}
.dojo .tabArea .tabBoxes{
	padding:20px 0;
}

.dojo .interviewBox01{
	width:100%;
	display:table;
}
.dojo .interviewBox01 .img{
	width:140px;
	display:table-cell;
	box-sizing:border-box;
	vertical-align:top;
}
.dojo .interviewBox01 .img img{
	width:130px;
}
.dojo .interviewBox01 .txt{
	width:auto;
	display:table-cell;
	vertical-align:top;
}
.dojo .interviewBox01 .txt .txtInner{
	background:#dad1d0;
	box-sizing:border-box;
	color:#000;
	padding:8px;
}
.dojo .interviewBox01 .txt .ttl{
	font-size:14px;
	font-weight:bold;
	margin:0 0 8px;
}
.dojo .interviewBox02{
}
.dojo .interviewBox02 li{
	border-bottom:1px dotted #a6a6a5;
	margin:0; padding:10px 0;
}

.dojo .tabArea02{
	width:100%;
}
.dojo .tabArea02 ul{
	width:100%;
	display:table;
}
.dojo .tabArea02 ul li{
	width:33.3%;
	display:table-cell;
	text-align:center;
}
.dojo .tabArea02 ul li:last-child{
	border:none;
}
.dojo .tabArea02 ul li a{
	display:block;
	color:#4d4241;
	text-decoration:none;
	line-height:1.6;
	border-right:1px solid #c8c5c3;
	margin:0 0 16px; padding:0 8px;
}
.dojo .tabArea02 ul li.active{
	background-image:url(/sp/dojo/images/mod_tab_bg_01.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:bottom;
}

.dojo .introBox01{
	width:100%;
}
.dojo .introBox01 .item{
	width:100%;
	display:table;
	border-bottom:1px solid #c9c6c3;
	margin:0 0 10px; padding:0 0 10px;
}
.dojo .introBox01 .item:last-child{
	border:none;
}
.dojo .introBox01 .item li{
	display:table-cell;
}
.dojo .introBox01 .item .img{
	width:110px;
}
.dojo .introBox01 .item .img img{
	width:100px;
}
.dojo .introBox01 .item .txt{
	width:auto;
}

.dojo .faqList .col .aTxt.withoutA::before{
	display:none;
}

.dojo .imgBox01{
	display:table;
	width:100%;
}
.dojo .imgBox01 li{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}
.dojo .imgBox01 li img{
	width:80px;
}
.dojo .imgBox01 li:last-child{
	padding-left:12px;
}
.dojo .imgBox02{
	display:table;
	width:100%;
}
.dojo .imgBox02 li{
	display:table-cell;
	vertical-align:top;
}
.dojo .imgBox02 li:nth-child(2){
	width:110px;
	padding-left:10px;
}

.dojo .icoListElements01 li {
    padding-left: 15px;
    position: relative;
}
.dojo .icoListElements01 li:before{
	content:"";
	display:block;
	width:3px;
	height:3px;
	top:0.6em;
	left:5px;
	position:absolute;
	margin-right:6px;
	background:#4a4342;
	-webkit-border-radius:2.5px;
	-moz-border-radius:2.5px;
	border-radius:2.5px;
}
.dojo .icoListElements01 ol li:before{
	background:none;
}

.dojo .timeIcon{
	display:inline-block;
	min-height:20px;
	font-size:14px;
	letter-spacing:1.2px;
	background-image:url(/sp/dojo/images/mod_icon_time.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:20px 20px;
	padding-left:25px;
}

.dojo .listLink01 a::before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    width: 0;
    height: 0;
    border-left: 6px solid #332b2a;
    border-top: 3.5px solid transparent;
    border-bottom: 3.5px solid transparent;
}
/*
<div class="introBox01">
<ul class="item">
<li class="img"><img src="/sp/dojo/images/s_kodomo_teacher_img_01.png" alt=""></li>
<li class="txt"><p class="fwb">あああああ</p>
<p>てきすとてきすと</p></li>
</ul>
*/












.tabArea.topTab{
width: 100%;
}
.tabArea.topTab ul.tabMenu{
display: block;
white-space: nowrap;
font-size: 0;
overflow: visible;
}
.tabArea.topTab ul.tabMenu.powerup{
display: block;
min-width: 122%;
}
.tabArea.topTab ul.tabMenu li{
width: auto;
display: inline-block;
float: none;
background: url(/sp/common/images/tabMenuBg.gif);
}
.tabArea.topTab ul.tabMenu li a{
padding: 12px 15px;
display: table-cell;
font-size: 14px;
}
.tabArea.topTab ul.tabMenu li a[target="_blank"]{
background-image:url(/sp/dojo/images/mod_tab_bg_02.png);
}
.tabArea.topTab ul.tabMenu li a span{
padding: 0;
}

.tabMenuWrap{
overflow-x:scroll;
overflow-y:hidden;
padding-bottom: 10px;
}
.ff{
overflow-x:scroll;
overflow-y:hidden;
padding: 10px 0;
}

.tabArea .tabMenu a.blank{
	background-image:url(/sp/dojo/images/mod_tab_bg_02.png);
	background-repeat:repeat;
	background-size:41px 12px;
}
.tabArea .tabMenu a.blank span:after{
	content:"";
	background-image:url(/sp/dojo/images/mod_icon_blank.png);
	width:14px;
	height:11px;
	padding-right:20px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:right top;
}






.tabArea2{
background: #fff;
}
.tabArea.topTab ul.tabMenu2{
	width:100%;
	min-width:100%;
}
.tabArea2 ul.tabMenu2{
background: url(/sp/common/images/tabMenuBg.gif);
}
.tabArea2 ul.tabMenu2 li{
float: left;
width: 20%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #bbb3b2;
text-align: center;
position: relative;
}
.tabArea2 ul.tabMenu2 li:first-child{
border-left: none;
}
.tabArea2 ul.tabMenu2.tab3 li{
width: 33.33%;
}
.tabArea2 ul.tabMenu2 li.active:after{
content: ' ';
display: inline;
width: 0;
height: 0;
position: absolute;
border: 10px solid transparent;
border-top-color: #4d4241;
left: 50%;
bottom: -19px;
margin-left: -10px;
z-index: 100;
}
.tabArea2 .tabMenuFoot ul.tabMenu2 li.active:after{
content: ' ';
display: inline;
width: 0;
height: 0;
position: absolute;
border: 10px solid transparent;
border-bottom-color: #4d4241;
top: -20px;
left: 50%;
margin-left: -10px;
z-index: 100;
}
.tabArea2 ul.tabMenu2 li a{
display: block;
color: #4d4241;
text-decoration: none;
/*--padding: 12px 0;--*/
display: table;
width: 100%;
min-height: 42px;
}
.tabArea2 ul.tabMenu2 li a span{
display: table-cell;
vertical-align: middle;
padding: 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height:56px;
}
.tabArea2 ul.tabMenu2 li.active a{
color: #fff;
background: #4d4241;
}

.dojo img{
width: 100%;
height: auto;
}
.csv2table-loading img{
width: 48px;
height: 48px;
display: block;
margin: 0 auto 10px;
}