@charset "utf-8";

/* ============================================================================
	教育方針
============================================================================ */
.innerR{
    width: 70%;
    padding: 0 20px 0 40px;
    float: right;
}
.innerL{
    width: 30%;
    text-align: center;
    float: left;
}
.innerL img {
    width: 100%;
}
.taishou{
    width: 15%;
    padding: 2px 10px;
    background-color: #0092ff;
    color: #fff;
    text-align: center;
    margin: 10px auto 20px !important;
    float: left;
}
.taishouDsc{
    width: 85%;
    padding: 2px 0 2px 20px;
    margin: 10px auto 20px !important;
    float: left;
}
@media screen and (max-width: 812px) {
.innerR {
    width: 100%;
    padding: 0;
    float: none;
}
.innerR .about {
    padding: 0;
}
.innerL {
    width: 100%;
    padding: 0 0 20px 0;
    float: none;
}
.taishou{
    width: 100%;
    margin: 30px 0 10px 0 !important;
    display: block;
    float: none
}
.taishouDsc{
    width: 100%;
    padding: 0;
    margin: 10px auto 30px !important;
    float: none;
}
}
/* ============================================================================
	各科目の目標
============================================================================ */
.topL{
    width: 44%;
    padding: 5px 15px 15px 15px;
    background: #73b9ff;
    text-align: justify;
    margin: 2% 3%;
    float: left;
}
.topL p{
    color: #fff;
    font-weight: bold;
    font-size: 1.8em;
    padding: 10px 0;
}
.topL p img{
    padding: 0 10px 0 0;
}
.topL span{
    background: #fff;
    padding:15px;
    display: block;
}

.topR{
    width: 44%;
    padding: 5px 15px 15px 15px;
    margin: 2% 3%;
    background: #f99;
    text-align: justify;
    float: right;
}
.topR p{
    color: #fff;
    font-weight: bold;
    font-size: 1.8em;
    padding: 10px 0;
}
.topR p img{
    padding: 0 10px 0 0;
}
.topR span{
    background: #fff;
    padding:15px;
    display: block;
}

.bottomL{
    width: 44%;
    padding: 5px 15px 15px 15px;
    background: #75e87a;
    text-align: justify;
    margin: 2% 3%;
    float: left;
}
.bottomL p{
    color: #fff;
    font-weight: bold;
    font-size: 1.8em;
    padding: 10px 0;
}
.bottomL p img{
    padding: 0 10px 0 0;
}
.bottomL span{
    background: #fff;
    padding:15px;
    display: block;
}

.bottomR{
    width: 44%;
    padding: 5px 15px 15px 15px;
    margin: 2% 3%;
    background: #999bff;
    text-align: justify;
    float: right;
}
.bottomR p{
    color: #fff;
    font-weight: bold;
    font-size: 1.8em;
    padding: 10px 0;
}
.bottomR p img{
    padding: 0 10px 0 0;
}
.bottomR span{
    background: #fff;
    padding:15px;
    display: block;
}
@media screen and (max-width: 812px) {
.topL, .topR, .bottomL, .bottomR{
    width: 100%;
    margin: 0;
    float: none;
}
}
/* ============================================================================
	各科目の目標
============================================================================ */
.lessonSolo{
    padding: 30px 30px 60px 30px;
    border: 1px solid #005bac;
}
@media screen and (max-width: 812px) {
.lessonSolo{
    margin: 0;
    padding: 20px 20px 30px 20px;
    border: 1px solid #005bac;
}
}
/* ============================================================================
	オリジナル教材
============================================================================ */
.ListCheck
,.ListCheck li{
	padding:0px;
	margin:0px;
	text-align: left;
}
 
.ListCheck li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
 
.list4 li{
	position:relative;
	padding-left:20px;
}
 
.list4 li:after, .list4 li:before{
	content:''; 
	display:block; 
	position:absolute; 
	top:4px; 
	left:8px; 
	height:11px; 
	width:4px; 
	background:#aaa; 
	border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.list4 li:before{
	top:8px; 
	left:3px;
	height:8px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}



.textImg img{
    padding: 0 50px 0 10px;
}
.twoImages {
    width: 100%;
    margin: 50px auto 0;
    text-align: center;
}
.twoImages img{
    width: auto;
    max-width: 50%;
    float: left;
    padding: 0 20px;
}
.sampleText{
    font-size: 1.5em;
    text-align: left;
    font-weight: bold;
    padding: 0 0 0 1em;
    margin: 0 30px 30px 30px;
    border-bottom: 1px solid #000;
    border-left: 3px solid #000;
}
.chara{
    text-align: right;
    margin: 50px auto 0px;
}
.chara img{
    width: 300px;
}
@media screen and (max-width: 812px) {
.list{
    padding: 0 0 0 20px;
}
.textImg img{
    padding: 0;
}
.dscBc {
    padding: 20px;
}
.dscBc2 {
    padding: 20px;
}
.twoImages {
    margin: 0 auto;
}
.twoImages img {
    max-width: 100%;
    padding: 15px 0;
    float: none;
}
.sampleText{
    font-size: 1.5em;
    text-align: center;
    padding: 0;
    margin: 0 10px;
}
}
/* ============================================================================
	オリジナルテスト
============================================================================ */
.lessonSoloExNone{
    padding: 30px 30px 60px 30px;
    border: 1px solid #d22020;
}
.teigakunen {
    padding: 2px 40px;
    background-color: #f5386b;
    color: #fff;
    text-align: center;
    margin: 0px auto 20px !important;
    float: left;
}
.kougakunen {
    padding: 2px 40px;
    background-color: #205fd2;
    color: #fff;
    text-align: center;
    margin: 0px auto 20px !important;
    float: left;
}
.innerR50{
    width: 50%;
    text-align: justify;
    float: left;
}
.innerL50{
    width: 46%;
    text-align: justify;
    float: left;
    margin: 0 4% 0 0;
}
.innerR30{
    width: 30%;
    text-align: justify;
    float: left;
}
.innerL70{
    width: 66%;
    text-align: justify;
    margin: 0 4% 0 0;
    float: left;
}
.testDtlTable{
    border: 1px solid #000;
    width: 100%;
}
.testDtlTable tr{
    border: 1px solid #000;
    line-height: 35px;
}
.testDtlTable tr th{
    text-align: center;
    background: #eee;
}
.testDtlTable tr td{
    text-indent: 1em;
}
.testDtlTable tr td:nth-child(2){
    border-left: 1px dotted #000;
}
.col2Irr{
    text-indent: unset !important;
    text-align: center;
}
@media screen and (max-width: 812px) {
.lessonSoloExNone{
    margin: 0;
    padding: 20px 20px 30px 20px;
    border: 1px solid #d22020;
}
.innerR50, .innerL50, .innerL70{
    width: 100%;
    margin: 0 0 30px 0;
    float: none;
}
.testDtlTable tr th, .testDtlTable tr td{
    display: block;
}
.testDtlTable tr td:nth-child(2){
    border-left: none;
    border-top: 1px dotted #999;
}
.innerR30{
    width: 100%;
    float: none;
    padding: 0 5px 20px 5px;
    text-align: center;
    margin: 0 0 10px 0;
}
.innerR70{
    width: 100%;
    float: none;
    padding: 0 5px;
    margin: 0 0 30px 0;
}
.other2 {
    width: 100%;
}
}
@media screen and (max-width: 320px) {
.lessonSoloExNone, .lessonSolo{
    padding: 10px 20px 20px 20px;
}
.other {
    padding: 2px 5px;
}
}

/* ============================================================================
	サポート体制
============================================================================ */
.catchImg img {
    max-width: 50%;
    width: 100%;
    float: left;
}
.h3Dtl{
    padding: 0 0 20px;
    font-size: 1.5em;
}
.supportL{
    width: 48%;
    text-align: justify;
    margin: 0 2% 0 0;
    float: left;
}
@media screen and (max-width: 812px) {
.catchImg img, .catchImgTop img {
    max-width: auto;
    width: 100%;
    float: none;
}
}