/*----「文字真ん中」-------*/

.fontcenter{
  text-align: center;
  font-size: 17px;
  color: #656664;
}

.fontcenter-30px{
  text-align: center;
  font-size: 25px;
  color: #000000;
}


.fontcenter-25px{
  text-align: center;
  font-size: 25px;
  color: #000000;
}

.fontcenter-20px{
  text-align: center;
  font-size: 20px;
  color: #000000;
}



/*-----「サポートページ」-----------*/
.supporttable{
	background-color:#FFD9E9;
	padding: 30px;
	color: #4D4D4D;
	text-align: center;

}

.supporttable table{
	border-collapse: collapse;

}



.supporttable td{
	border:solid 2px #FFD9E9;
	padding: 20px;
	text-align:center;
	border-radius: 8px;
	background-color:#ffffff;
	color: #4D4D4D;
}

h2{
  margin: 0px;
}

p.akairo{
color: #ff0000;
}
/*-----「見出しの大きさ」-----------*/

.midasi {
  font-size: 50px;
  color:#4d4d4d;
}

.honbunmozi{
  font-size: 16px; 
  text-align: left;
  color:#000000;
}

/*---------サポート下バナー---------*/

li {
  display: inline;
　list-style: none;
}  



/*-----私の履歴書--------*/





/*-----「会社概要　テーブル」--------*/
#tablecontents table.tablestyle {
	width: 800px;
    border-collapse: collapse;
  	border: solid 2px #BAB7BD;
    margin-left: 130px;
}

/* thの指定 */
#tablecontents table.tablestyle th {
        font-weight: normal;
        background-color: #F0F0F0;
        border:1px solid #BAB7BD;
        text-align: center;
        padding: 5px;
  		font-size: 20px;
		color: #333333;
}

/* tr tdの指定 */
#tablecontents table.tablestyle tr td {
        width: 600px;
        background-color: #FFFFFF;
        text-align: left;
        padding: 12px;
  		font-size: 20px;
  		border-bottom: solid 1px #BAB7BD;
  		color: #333333;
}






/*---------「会社概要」----------*/
.watasinorirekisyo{
  font-size: 12px;
  margin-bottom: 1px;
}

/*---------「特定商取引テーブル」----------*/

.tokuteisyoutable{
  width: 1050px;
}

.tokuteisyoutable td{
  border: dotted 2px #656664;
  padding: 15px;
  color: #656664;
  font-size: 15px;

}

/*---------「都立公立教材テーブル」-----------*/
.kyouzai-table {
  border-collapse: collapse;
}

.kyouzai-table td{
  padding-bottom: 50px;
}

/*---------「都立教材申し込みボタン」-----------*/

.toritsubutton {
	display: inline-block;
	width: 400px;
	height: 108px;
  	font-size:35px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
    border-radius:10px;
  　
}
.toritsubutton::before,
.toritsubutton::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.toritsubutton,
.toritsubutton::before,
.toritsubutton::after {
    border-radius:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.toritsubutton {
    border-radius:10px;
	position: relative;
	z-index: 2;
	background-color: #4682b4;
	border: 2px solid #4682b4;
	color: #fff;
	line-height: 50px;
}
.toritsubutton:hover {
	background-color: #fff;
	border-color: #4682b4;
	color: #59b1eb;
}
.toritsubutton::before,
.toritsubutton::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #4682b4;
}
.toritsubutton::before {
	right: 0;
}
.toritsubutton::after {
	left: 0;
}
.toritsubutton:hover::before,
.toritsubutton:hover::after {
	width: 0;
	background-color: #59b1eb;
}


/*---------「公立教材申し込みボタン」-----------*/

.kouritsubutton {
	display: inline-block;
	width: 400px;
	height: 108px;
	text-align: center;
	text-decoration: none;
  	font-size:35px;
	line-height: 54px;
	outline: none;
    border-radius:10px;
}
.kouritsubutton::before,
.kouritsubutton::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.kouritsubutton,
.kouritsubutton::before,
.kouritsubutton::after {
    border-radius:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.kouritsubutton {
    border-radius:10px;
	position: relative;
	z-index: 2;
	background-color: #3cb371;
	border: 2px solid #3cb371;
	color: #fff;
	line-height: 50px;
}
.kouritsubutton:hover {
	background-color: #fff;
	border-color: #3cb371;
	color: #3cb371;
}
.kouritsubutton::before,
.kouritsubutton::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #3cb371;
}
.kouritsubutton::before {
	right: 0;
}
.kouritsubutton::after {
	left: 0;
}
.kouritsubutton:hover::before,
.kouritsubutton:hover::after {
	width: 0;
	background-color: #3cb371;
}





/*---------固：「受験の方程式」-----------*/

.jh-kakomi{
  border:dotted 5px #4d4d4d;
  padding: 20px;
  border-radius:10px;
}
  

.jh-button {
	display: inline-block;
	width: 400px;
	height: 108px;
	text-align: center;
	text-decoration: none;
  	font-size:35px;
	line-height: 54px;
	outline: none;
    border-radius:10px;
}
.jh-button::before,
.jh-button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.jh-button,
.jh-button::before,
.jh-button::after {
    border-radius:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.jh-button {
    border-radius:10px;
	position: relative;
	z-index: 2;
	background-color: #86D8FF;
	border: 2px solid #86D8FF;
	color: #fff;
	line-height: 50px;
}
.jh-button:hover {
	background-color: #fff;
	border-color: #86D8FF;
	color: #86D8FF;
}
.jh-button::before,
.jh-button::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #86D8FF;
}
.jh-button::before {
	right: 0;
}
.jh-button::after {
	left: 0;
}
.jh-button:hover::before,
.jh-button:hover::after {
	width: 0;
	background-color: #86D8FF;
}

/*---------固：「方程式の応用」-----------*/
.ho-button {
	display: inline-block;
	width: 400px;
	height: 108px;
	text-align: center;
	text-decoration: none;
  	font-size:35px;
	line-height: 54px;
	outline: none;
    border-radius:10px;
}
.ho-button::before,
.ho-button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.ho-button,
.ho-button::before,
.ho-button::after {
    border-radius:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.ho-button {
    border-radius:10px;
	position: relative;
	z-index: 2;
	background-color: #3cb371;
	border: 2px solid #3cb371;
	color: #fff;
	line-height: 50px;
}
.ho-button:hover {
	background-color: #fff;
	border-color: #3cb371;
	color: #3cb371;
}
.ho-button::before,
.ho-button::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #3cb371;
}
.ho-button::before {
	right: 0;
}
.ho-button::after {
	left: 0;
}
.ho-button:hover::before,
.ho-button:hover::after {
	width: 0;
	background-color: #3cb371;
}
/*---------固：「お客様の声」-----------*/
.koe-box{
  padding:0px 10px 20px 10px;
  margin-right:auto;
  margin-left:auto;
}
.koe-text{
  border: dotted 3px #FF886C;
  padding:12px;
  font-size:15px;
  color:#000000;
  background-color:#fff;
}
.postimg{
 display:none 
}