@charset "utf-8";

.tac { text-align:center!important;}
.m15 { margin:15px;}
.m10 { margin:10px;}
.m0 { margin:0;}
.mt80 { margin-top:80px!important;}
.mt20 { margin-top:20px;}
.pt60 { padding-top:60px;}
.mb30 { margin-bottom:30px;}
.mb20 { margin-bottom:20px;}
.mb15 { margin-bottom:15px;}
.mb10 { margin-bottom:10px;}
.mb5 { margin-bottom:5px;}
.mr10 { margin-right:10px;}
.pr10 { padding-right:10px;}
.pl10 { padding-left:10px;}
.border3 { border-bottom: solid 3px #ff9999;}
.fs160 { font-size:160%;}
.fs100 { font-size:100%;}
.wauto { width:auto;}
.txtbg { background-color: #E9F2D9;}
.listn { list-style: none!important;}
/*背景白*/
.bg-white{
 background-color:#ffffff;
 padding:20px 0 10px ; 
}
.text-white{
 color:#fff;
}
#tc02-outer {
 background-image: url(images/top_03bk2.jpg);
}
#tc02-outer .tc02photo.image01 {
 background-image: url(images/about03new.jpg)
}
#tc02-outer .tc02photo.image02 {
 background-image: url(images/about02new.jpg)
}
#tc02-outer .tc02photo.image03 {
 background-image: url(images/about04new.jpg)
}
.kakoipc {
 padding:10px;
 border:solid 3px #000000;
 margin:0 10% 20px;
}
.kakoipc {
 line-height: 1.5; /*文の行高*/
 padding: 10px; /*前後の文との余白*/
}
.kakoisp {
 padding:2px;
 border:solid 3px #000000;
 margin:0 2%;
}
.kakoisp {
 line-height: 1.5; /*文の行高*/
 padding: 10px; /*前後の文との余白*/
}
@media(max-width:768px){
.br-pc{
 display:none;
}
}
@media(min-width:769px){
.br-sp{
 display:none;
}
}
.column{
  height: 50%;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.info {
  margin-bottom: 10%;
}
@media all and (min-width: 500px) {
.wrapper {
  display: flex;
}
}
.box-img,
.box-text{
  display: inline-block;
  vertical-align: middle;
}
.h2-style {  
  margin-top:80px;
  margin-bottom:40px;
  text-align:center;
}
#main-area #main-area-inner #main-cont .one-column #tc00 h2 {
  text-align: center;
  font-size: 180%;
  color: #393e40;
  margin-bottom: 40px;
}
#main-area #main-area-inner #main-cont .one-column #tc00 h2 .rsp-on {
  display: none;
}
#main-area #main-area-inner #main-cont .one-column #tc-search.top-outer {
  padding: 40px 0 0 0;
}
#main-area #main-area-inner #main-cont .one-column #tc-search h2 {
  text-align: center;
  font-size: 180%;
  color: #393e40;
  margin-bottom: 40px;
}
#main-area #main-area-inner #main-cont .one-column #tc-search h2 .rsp-on {
  display: none;
}
#main-area #main-area-inner #main-cont .one-column #tc-search h2 span {
  display: inline-block;
  border-bottom: solid 2px #393e40;
  padding-bottom: 10px;
}
#main-area #main-area-inner #main-cont .one-column #tc-search h2>span:after {
  display: none; 
}
@media(max-width:768px) {
#main-area #main-area-inner #main-cont .one-column #tc00 h2 {
  line-height: 1.4em;
}
#main-area #main-area-inner #main-cont .one-column #tc00 h2 .rsp-on {
  display: block;
}
#main-area #main-area-inner #main-cont .one-column #tc-search.top-outer {
  padding: 30px 0 0 0;
}
#main-area #main-area-inner #main-cont .one-column #tc-search h2 {
  line-height: 1.4em;
}
#main-area #main-area-inner #main-cont .one-column #tc-search h2 .rsp-on {
  display: block;
}
#main-area #main-area-inner #main-cont .one-column h2 {
  font-size: 140%!important;
}
#main-area #main-area-inner #main-cont .one-column h3 {
  font-size: 120%!important;
  text-align: center;
}
}
#main-area #main-area-inner #main-cont .one-column #tc01 h3 {
  font-size: 25px;
}
#tc07 .flex-list li {
  background: #fff;
}
.middle-menu .fa{
  margin-right:5px;
}
.topic .fa-caret-right {
  margin-left:15px;
}
.top-cta-over {
  width: 100%;
  max-width: 850px;
  height: auto;
  margin: 40px auto 0;
  box-sizing: border-box;
  padding: 5px;
}
.top-cta-outer-new {
  width: 100%;
  max-width: 753px;
  height: auto;
  margin: 0 auto;
}
.top-cta-outer-new .top-cta-new {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 0px;
  display: block;
  text-align: center;
}
.top-cta-outer-new .top-cta-new img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border: 1px solid #ddd;
}
.top-cta-outer-new .top-cta-new img.cta-pc {
  display: block;
}
.top-cta-outer-new .top-cta-new img.cta-sp {
  display: none;
}
@media only screen and (max-width: 768px) {
  .top-cta-outer-new .top-cta-new img.cta-pc {
    display: none;
  }
  .top-cta-outer-new .top-cta-new img.cta-sp {
    display: block;
    width: 90%;
    margin: 0 auto;
    max-width: 400px;
  }
}
.goukaku {
  border: solid 2px #ffcfcf;
  border-radius: 10px;
  margin: 5px;
  padding: 20px;
  background: #fff8f8;
}
.data-box {
  width: 100%;
  background: #fff;
  min-height: 100px;
  margin: 0 auto 30px;
  box-sizing: border-box;
  padding: 20px 20px 30px 20px;
  border-radius: 10px;
  text-align: center;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 2px #ccc;
}
.data-box .uni {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  padding: 10px 20px;
  border-radius: 10px;
  line-height: 1em;
  display: inline-block;
  margin: 0 auto 10px auto;
}
.data-box .uni-list {
  max-width: 800px;
  margin: 0 auto 20px;
}
.data-box .num p {
  font-size: 140%!important;
  font-weight: bold;
  text-align: center;
  line-height: 1em;
  color: #393e40;
}
.data-box ul {
  margin-bottom: 20px;
}
.data-box li {
  width: 23%;
  display: inline-block;
  list-style: none;
}
.data-box li span{
  margin-left: 10px;
}
@media only screen and (max-width: 768px) {
.data-box {
  width: 100%;
}
.data-box .num p {
  font-size: 120%!important;
}
.data-box li {
  width: 50%;
}
}
.books {
  text-align:center;
}
.books a{
  display: inline-block;
  padding: 10px;
  max-width: 40%;
}
.books a img{
  width: 100%;
  height: auto;
}
.kyoushi-widget{
  margin: 40px 0;
}
.kyoushi-widget ul{
  text-align: center;
}
.kyoushi-widget li{
  list-style: none;
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  width: 150px;
  height: 200px;
}
.kyoushi-widget a{
  text-decoration: none;
  color: #000;
}
.kyoushi-widget div{
  text-align: center;
  line-height: 1.4;
  font-size: 90%;
}
.kyoushi-widget div img{
  min-width: 150px;
  height: auto;
}
.kyoushi-widget .kyoushi{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kyoushi-widget .online-tutor{
  line-height: 1.2!important;
}
@media only screen and (max-width: 768px) {
.kyoushi-widget li{
  width: 42%;
  height: auto;
}
.kyoushi-widget div img{
  min-width: auto;
  max-width: 150px;
  height: auto;
  width: 100%;
}
}
.button3 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.button3>div {
  width: 30%;
  height: auto;
}
.button3>div a.button {
  width: 100%;
  height: auto;
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 0 10px 0;
  text-align: center;
  font-size: 14px;
  line-height: 1.4em;
  background: linear-gradient(#3ea11f, #2e910f);
  text-shadow: -1px -1px 1px #0e810f, 1px 1px 1px #0e810f;
  border-bottom: solid 2px #0e810f;
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
}
.button3>div a.button>span {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -9px;
}
.button3>div a.button:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 768px) {
    .button3 {
      display: block;
    }
	.button3>div {
      width: 90%;
      margin: 0 auto 10px;
    }
}
.top-four-buttons-pc ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 5px 0.5% !important;
  width: 100%;
  list-style: none !important;
  box-sizing: border-box;
}
.top-four-buttons-pc li {
  line-height: 1.8em;
  max-width: 360px;
  margin: 10px;
  background: #efefef;
  box-shadow: 0 2px 2px #00000026;
}
.top-four-buttons-pc a {
  text-decoration: none;
  padding: 10px 20px;
  display: block;
}
.top-four-buttons-pc a:hover {
  opacity: 0.8;
}
.top-four-buttons-pc .topic {
  color: #333;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
.top-four-buttons-pc li {
  width: 100%;
}
.top-four-buttons-pc .topic .fa-caret-right {
  margin-left: 15px;
  float: right;
  line-height: 1.8;
}
}