@charset "UTF-8";
html {
/*   font-size: 62.5%; */ }

.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }

body {
  background: url(../images/main_bg.jpg) top left;
  font-size: 1rem;
  font-family: "Lucida Grande","Helvetica Neue","Hiragino Kaku Gothic ProN","游ゴシック","メイリオ","meiryo",sans-serif;
  color: #333; }

a {
  text-decoration: none;
  color: #333; }

li {
  list-style: none; }

.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background-color: #329956;
  font-size: 1.2rem;
  box-shadow: 0 3px 5px #666;
  z-index: 100; }

.header-inner {
  width: 1000px;
  margin: 0 auto;
  padding: 30px 0; }
  .header-inner h1 {
    float: none; }
  .header-inner nav {
    float: none;
    width: 1000px;
    margin: 0 auto;
    padding: 0rem; }
    .header-inner nav ul li {
      display: inline-block;
      margin-left: 15px; }
      .header-inner nav ul li a {
        display: block;
        color: #FFF;
        padding: 1rem 0;
        font-size: 1rem;
        font-weight: 500;
        transition: all 0.3s; }
      .header-inner nav ul li .under-line {
        width: 0;
        height: 1px;
        background-color: #FFF;
        margin-top: 5px;
        transition: all 0.3s; }
      .header-inner nav ul li:hover .under-line {
        width: 100%;
        background-color: #f2b33d; }
      .header-inner nav ul li:hover a {
        color: #f2b33d; }

#container {
  width: 100%;
  margin-top: 100px; }

.inner {
  position: relative;
  width: 1000px;
  margin: 0 auto; }

.top {
  min-width: 1000px;
  max-width: 1400px;
  margin: 0 auto;
  padding-bottom: 25px;
  background: url(../images/top_image.png) no-repeat top right; }
  .top .top-result {
    padding-top: 50px; }
  .top h2 {
    padding-top: 20px;
    margin-bottom: 30px; }
  .top .subtitle {
    margin-bottom: 20px; }
  .top .tour {
    margin-bottom: 20px; }
  .top .top-list li {
    float: left;
    padding-right: 10px; }
  .top .postit {
    position: absolute;
    top: 10px;
    left: 270px; }

.section-title {
  text-align: center;
  padding: 100px 0 60px; }


#intro {
padding-top: 3rem;
  padding-bottom: 120px;
/*   background-color: #f0fff4; */
  background-color: #fff; }
  #intro .text-block {
    float: left;
    width: 490px; }
    #intro .text-block .intro-text {
      font-size: 1rem;
      line-height: 180%; }
  #intro .image-block {
    float: right; }
    #intro .image-block img {
      position: relative;
      right: -30px;
      transition: all 1s;
      opacity: 0; }

.show-thumb-right {
  right: 0 !important;
  opacity: 1 !important; }



.smallclass_lessons {
  padding-bottom: 5rem; }
/*
  .smallclass_lessons h3 {
    padding-top: 100px;
    background: url(../images/bg_triangle_g.png) no-repeat top center; }
*/
  
  .smallclass_lessons .course-list {
	  padding-top: 2rem;
/* 	  width: max-content; */
	  margin: 0 auto;
	  text-align: center;
  }
  
/*
  @-moz-document url-prefix() {
	    .smallclass_lessons .course-list {width: inherit}
  }
*/
  
  
  .smallclass_lessons .course-list li {
    float: left;
    position: relative;
    margin-right: 20px;
    line-height: 0;
    cursor: pointer;
    transition: all 0.3s; }
    .smallclass_lessons .course-list li:last-child {
      margin-right: 0; }
    .smallclass_lessons .course-list li:hover {
      box-shadow: 0 0 10px #666; border-radius: 5px; }
    .smallclass_lessons .course-list li img { border-radius: 5px; }
    .smallclass_lessons .course-list li .upper-text {
	    border-radius: 0 0 5px 5px;
      position: absolute;
      bottom: 0px;
      left: 0;
      width: 100%;
      height: 40px;
      background-color: rgba(50, 153, 86, 0.6);
      transition: all 0.5s; }
      .smallclass_lessons .course-list li .upper-text img {
        padding: 10px 0; }

#special {
  background-color: #f0fff4; }
  #special h3 {
    padding-top: 100px;
    background: url(../images/bg_traiangle_t.png) no-repeat top center; }
  #special .special-nav {
    width: 100%;
    background-color: #8d98a6; }
    #special .special-nav #spNavTop, #special .special-nav #spNavBottom {
      width: 100%; }
      #special .special-nav #spNavTop li, #special .special-nav #spNavBottom li {
        width: 25%;
        padding: 50px 0;
        float: left;
        transition: all 0.3s;
        cursor: pointer; }
        #special .special-nav #spNavTop li:hover, #special .special-nav #spNavBottom li:hover {
          background-color: #f2b33d; }
    #special .special-nav #spTrTop {
      position: absolute;
      bottom: -54px;
      left: 0;
      transition: all 0.3s ease-out;
      z-index: 50; }
    #special .special-nav #spTrBottom {
      position: absolute;
      top: -53px;
      left: 0;
      transition: all 0.3s ease-out;
      z-index: 50; }
  #special .special-section {
    width: 1000px;
    margin: 0 auto;
    padding: 100px 0;
    background-color: #FFF; }
    #special .special-section article {
      margin-bottom: 60px;
      padding: 0 74px; }
      #special .special-section article .fl-l {
        float: left; }
      #special .special-section article .fl-r {
        float: right; }
      #special .special-section article .sp-text-block {
        width: 410px; }
        #special .special-section article .sp-text-block h4 {
          margin-bottom: 20px; }
        #special .special-section article .sp-text-block .sp-text {
          font-size: 1rem;
          line-height: 180%; }

.active-btn {
  background-color: #f2b33d !important; }

.tgl-left1 {
  left: 0 !important; }

.tgl-left2 {
  left: 25% !important; }

.tgl-left3 {
  left: 50% !important; }

.tgl-left4 {
  left: 75% !important; }

#case {
  padding-bottom: 120px; }
  #case .st-status {
    margin-bottom: 50px;
    text-align: center; }
  #case .case-detail {
    margin-bottom: 60px;
    font-size: 1rem;
    line-height: 180%; }





#experience,
#obd,
#obs,
#par,
#jirei {
  padding-bottom: 120px;
  background-color: #f0fff4;}
  #experience .exp-list,
  #obd .obd-list,
  #obs .obs-list,
  #par .par-list {
    margin-bottom: 40px; }
    #experience .exp-list li,
    #obd .obd-list li,
    #obs .obs-list li,
    #par .par-list li {
      float: left;
      margin-right: 10px;
      padding: 10px 0 20px;
      cursor: pointer;
      transition: all 0.3s; }
      #experience .exp-list li:last-child,
      #obd .obd-list li:last-child,
      #obs .obs-list li:last-child,
      #par .par-list li:last-child {
        margin-right: 0; }
      #experience .exp-list li:hover,
      #obd .obd-list li:hover,
      #obs .obs-list li:hover,
      #par .par-list li:hover {
        box-shadow: 0 0 10px #666; }
      #experience .exp-list li img,
      #obd .obd-list li img,
      #obs .obs-list li img,
      #par .par-list li img {
        width: 326px; }
  #experience .exp-detail-btn,
  #obd .obd-detail-btn,
  #obs .obs-detail-btn,
  #par .par-detail-btn {
    margin-bottom: 40px;
    font-size: 1.2rem;
    line-height: 1.6;
    text-align: center; }




/*
#parent {
  padding-bottom: 120px; }
  #parent h3 {
    background: url(../images/bg_triangle_g.png) no-repeat top center; }
  #parent .parent-icon-block #parentBtn1, #parent .parent-icon-block #parentBtn2 {
    width: 500px;
    height: 445px; }
  #parent .parent-icon-block #parentBtn1 {
    float: left;
    position: relative; }
  #parent .parent-icon-block #parentBtn2 {
    float: right;
    position: relative; }
  #parent .parent-icon-block .parent-btn-off {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid 2px #FFF;
    box-sizing: border-box;
    background-color: #8d98a6;
    cursor: pointer;
    transition: all 0.5s;
    z-index: 20; }
  #parent .parent-icon-block .parent-btn-on {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid 2px #329956;
    box-sizing: border-box;
    background-color: #FFF;
    cursor: pointer;
    z-index: 10; }
  #parent .parent-icon-block .parent-icon {
    text-align: center;
    padding: 30px 0 45px; }
  #parent .parent-icon-block .parent-status {
    text-align: center;
    padding-bottom: 25px; }
  #parent .parent-detail-btn {
    padding-top: 40px;
    font-size: 1.2rem;
    text-align: center; }
*/

.parent-fade {
  opacity: 0; }

.link-btn {
  transition: all 0.3s; }
  .link-btn:hover {
    color: #f26100; }

#step {
  padding-bottom: 120px;
  background-color: #f0fff4; }
  #step .slider {
    position: relative;
    padding-bottom: 80px; }
    #step .slider .slick-prev {
      position: absolute;
      bottom: 0;
      left: 35%; }
    #step .slider .slick-next {
      position: absolute;
      bottom: 0;
      right: 35%; }
    #step .slider .slick-arrow {
      cursor: pointer;
      transition: all 0.3s; }
      #step .slider .slick-arrow:hover {
        opacity: 0.6; }
  #step .slider-box {
    position: relative;
    width: 410px;
    height: 610px; }
    #step .slider-box .step-title {
/*       line-height: 0; */width: 410px; }
    #step .slider-box .step-thumb {
      line-height: 0; }
    #step .slider-box .step-detail {
      width: 350px;
      height: 500px;
      padding: 30px;
      background-color: #FFF; }
    #step .slider-box h4 {
      margin-bottom: 30px;
      font-size: 1rem;
      font-weight: bold;
      color: #f29e00; }
    #step .slider-box .step-text {
      font-size: 1.4rem;
      line-height: 180%; }
    #step .slider-box .schedule h5 {
      margin-bottom: 30px;
      padding: 10px 20px;
      background-color: #329956;
      color: #FFF;
      font-size: 1rem; }
    #step .slider-box .schedule dl {
      font-size: 1.4rem; }
      #step .slider-box .schedule dl dt {
        float: left;
        clear: both;
        margin-bottom: 1.5rem; }
      #step .slider-box .schedule dl dd {
        float: right; }
    #step .slider-box .next-arrow {
      position: absolute;
      top: 285px;
      right: 28px; }
    #step .slider-box .annotate {
      font-size: 1.2rem;
      font-weight: bold; }

#tuition {
  padding-bottom: 120px; }
  #tuition .next-text {
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 100px;
    line-height: 150%; }
  #tuition .next-text2 {
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 80px; }
  #tuition .next-text3 {
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 40px;
    line-height: 150%; }
  #tuition .tut-block {
    margin-bottom: 100px; }
  #tuition .tut-title {
    width: 320px;
    margin: 0 auto 20px;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: solid #AAA 1px; }
  #tuition .tut-money {
    width: 200px;
    margin: 0 auto;
    text-align: center;
    font-size: 1.4rem; }
  #tuition .tut-course-s {
    width: 500px;
    padding: 40px 0;
    float: left;
    text-align: center; }
    #tuition .tut-course-s h5 {
      width: 260px;
      margin: 0 auto 20px;
      padding-bottom: 10px;
      text-align: center;
      border-bottom: solid #AAA 1px; }
  #tuition .tut-course-l {
    clear: both;
    margin-bottom: 20px;
    padding: 40px 0; }
    #tuition .tut-course-l h5 {
      width: 260px;
      margin: 0 auto 20px;
      padding-bottom: 10px;
      text-align: center;
      border-bottom: solid #AAA 1px; }
    #tuition .tut-course-l .tut-course-inner {
      width: 500px;
      float: left; }
      #tuition .tut-course-l .tut-course-inner .tut-course-title {
        width: 260px;
        margin: 0 auto 20px;
        padding-bottom: 10px;
        text-align: center;
        border-bottom: solid #AAA 1px; }
      #tuition .tut-course-l .tut-course-inner .tut-course-money {
        width: 270px;
        margin: 0 auto 20px;
        font-size: 1.4rem;
        font-weight: bold; }
      #tuition .tut-course-l .tut-course-inner .tut-course-money2 {
        width: 190px;
        margin: 0 auto; }
  #tuition .tut-btn-area {
    margin-bottom: 80px; }
    #tuition .tut-btn-area #tutBtn1 {
      float: left;
      margin-left: 200px; }
    #tuition .tut-btn-area #tutBtn2 {
      float: right;
      margin-right: 200px; }
    #tuition .tut-btn-area .tut-btn {
      width: 240px;
      padding: 30px 20px;
      background-color: #f2b33d;
      border: solid 2px #FFF;
      text-align: center;
      box-sizing: border-box;
      cursor: pointer;
      transition: all 0.3s; }
      #tuition .tut-btn-area .tut-btn:hover {
        width: 240px;
        background-color: #FFF;
        border: solid 2px #f2b33d; }
      #tuition .tut-btn-area .tut-btn:hover .tut-btn-text {
        color: #f2b33d; }
      #tuition .tut-btn-area .tut-btn .tut-btn-text {
        padding-top: 20px;
        font-size: 1.2rem;
        color: #FFF; }
  #tuition .tut-text {
    margin-bottom: 10px;
    text-align: center;
    font-size: 1rem;
    line-height: 150%; }
  #tuition .tut-blue {
    background-color: #d5f6ff; }
  #tuition .tut-pink {
    background-color: #ffdde0; }
  #tuition .tut-yellow {
    background-color: #fff6d7; }
  #tuition .tut-yellow2 {
    background-color: #f7ffd7; }

footer #loopslider, footer #loopslider2 {
  width: 100%;
  height: 144px;
  text-align: left;
  position: relative;
  overflow: hidden; }
footer #loopslider2 {
  margin-bottom: 80px; }
footer #loopslider ul, footer #loopslider2 ul {
  height: 144px;
  float: left;
  display: inline;
  overflow: hidden; }
footer #loopslider ul li, footer #loopslider2 ul li {
  width: 200px;
  height: 144px;
  display: inline;
  overflow: hidden; }
footer #loopslider ul li {
  float: left; }
footer #loopslider2 ul li {
  float: right; }
footer #loopslider ul li img, footer #loopslider2 ul li img {
  width: 100%; }
footer .catch {
  text-align: center;
  margin-bottom: 100px; }
footer .school {
  padding-bottom: 100px; }
  footer .school .school-block {
    width: 495px;
    height: 315px;
    float: left;
    background: url(../images/school_back.png);
    margin-bottom: 20px; }
    footer .school .school-block .school-block-inner {
      padding: 38px 40px 0 20px; }
      footer .school .school-block .school-block-inner .school-image {
        float: left;
        width: 148px; }
      footer .school .school-block .school-block-inner .school-text {
        float: right;
        width: 260px; }
        footer .school .school-block .school-block-inner .school-text h4 {
          margin-bottom: 20px; }
        footer .school .school-block .school-block-inner .school-text .address, footer .school .school-block .school-block-inner .school-text .tel {
          padding-bottom: 20px;
          font-size: 1rem;
          line-height: 160%; }
        footer .school .school-block .school-block-inner .school-text .tel span {
          font-weight: bold; }
        footer .school .school-block .school-block-inner .school-text .tel-time {
          font-size: 1.2rem;
          line-height: 150%; }
    footer .school .school-block .school-org {
      font-weight: bold;
      color: #f26100;
      font-size: 1rem; }
  footer .school .school-link {
    display: block;
    transition: all 0.3s; }
    footer .school .school-link:hover {
      opacity: 0.7; }
footer .copy {
  font-size: 1.2rem;
  color: #FFF;
  background-color: #329956;
  text-align: center;
  padding: 40px 0; }

.furiko {
  transform-origin: 50% 1%;
  animation: furiko 0.1s ease-out 0s 2 alternate;
  -webkit-transform-origin: 50% 1%;
  -webkit-animation: furiko 0.1s ease-out 0s 2 alternate; }

@keyframes furiko {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-1deg); } }
@-webkit-keyframes furiko {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(-1deg); } }
.contact {
  position: fixed;
  bottom: 80px;
  right: 2%;
  z-index: 80; }
  .contact .contact-btn {
    width: 200px; }
    .contact .contact-btn a {
      display: block;
      padding: 30px 0;
      text-align: center;
      font-size: 1rem;
      font-weight: 700;
      color: #FFF;
      background-color: #f2b33d;
      border-radius: 8px;
      transition: all 0.3s; }
      .contact .contact-btn a:hover {
        background-color: #f26100;
        box-shadow: 0 0 10px #666; }

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200; }
  .popup .closeBtn {
    width: 130px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    color: #FFF;
    background-color: #cb4646;
    padding: 16px 0;
    margin: 0 auto;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s; }
    .popup .closeBtn:hover {
      opacity: 0.7; }

#coursePop {
  display: none;
  position: relative;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6); }
  #coursePop .course-detail {
    display: none;
    width: 1000px;
    padding-bottom: 30px;
    background-color: #FFF;
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -500px; }
    #coursePop .course-detail .course-pop-title {
      margin-bottom: 20px; }
      #coursePop .course-detail .course-pop-title .course-pop-title-text {
        float: left;
        padding: 40px 0 20px 84px; }
        #coursePop .course-detail .course-pop-title .course-pop-title-text h3 {
          margin-bottom: 30px; }
        #coursePop .course-detail .course-pop-title .course-pop-title-text .course-pop-list {
          margin-bottom: 30px; }
          #coursePop .course-detail .course-pop-title .course-pop-title-text .course-pop-list li {
            float: left;
            margin-right: 20px; }
        #coursePop .course-detail .course-pop-title .course-pop-title-text .course-pop-list2 {
          margin-bottom: 30px; }
          #coursePop .course-detail .course-pop-title .course-pop-title-text .course-pop-list2 li {
            margin-bottom: 10px; }
      #coursePop .course-detail .course-pop-title .course-pop-title-image {
        float: right; }
    #coursePop .course-detail .course-pop-main {
      margin-bottom: 30px;
      padding: 0 90px 0 84px; }
      #coursePop .course-detail .course-pop-main .course-pop-main-text {
        float: left;
        width: 415px; }
      #coursePop .course-detail .course-pop-main .course-description {
        font-size: 1rem;
        line-height: 160%; }
      #coursePop .course-detail .course-pop-main .course-pop-main-image {
        float: right;
        width: 410px; }

		.course-pop-main-spot {
			width: 100%;
			margin: 0 auto;
			padding: 2rem 0;
		}



#expPop,
#obdPop,
#obsPop,
#parPop {
  display: none;
  position: relative;
  width: 100%;
  background: rgba(255, 255, 255, 0.7) url(../images/lightbox_bg.png); }
  #expPop .exp-detail,
  #obdPop .obd-detail,
  #obsPop .obs-detail,
  #parPop .par-detail {
    display: none;
    width: 1000px;
    padding-bottom: 30px;
    background-color: #FFF;
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -500px; }
    #expPop .exp-detail .exp-image-block,
    #obdPop .obd-detail .obd-image-block,
    #obsPop .exp-detail .obs-image-block,
    #parPop .par-detail .par-image-block {
      margin-bottom: 20px; }
    #expPop .exp-detail .exp-text-block,
    #obdPop .obd-detail .obd-text-block,
    #obsPop .obs-detail .obs-text-block,
    #parPop .par-detail .par-text-block {
      height: 250px;
      overflow-y: scroll;
      margin-bottom: 20px;
      padding: 0 84px;
      font-size: 1rem;
      line-height: 160%; }





#parentPop {
  display: none;
/*
  position: relative;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
*/ }
/*
  #parentPop .parent-detail {
    display: none;
    width: 1000px;
    padding-bottom: 30px;
    background-color: #FFF;
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -500px; }
    #parentPop .parent-detail .prt-head {
      margin-bottom: 20px;
      background: url(../images/parent_main_bg.jpg) repeat-x top left;
      background-size: contain; }
      #parentPop .parent-detail .prt-head .prt-thmb {
        float: left;
        margin-left: 84px;
        padding: 30px 0; }
      #parentPop .parent-detail .prt-head .prt-detail {
        float: right;
        width: 585px;
        margin-right: 84px;
        padding: 40px 0; }
        #parentPop .parent-detail .prt-head .prt-detail .prt-chatch {
          margin-bottom: 30px; }
        #parentPop .parent-detail .prt-head .prt-detail .prt-studnt {
          margin-bottom: 30px; }
    #parentPop .parent-detail .prt-text {
      height: 250px;
      overflow-y: scroll;
      margin-bottom: 20px;
      padding: 0 84px;
      font-size: 1rem;
      line-height: 160%; }
*/

#tutPop {
  display: none;
  position: relative;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6); }
  #tutPop .tut-detail {
    display: none;
    width: 1000px;
    padding-bottom: 30px;
    background-color: #FFF;
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -500px; }
    #tutPop .tut-detail .tut-head {
      margin: 30px 84px 20px;
      text-align: center; }
      #tutPop .tut-detail .tut-head h3 {
        margin-bottom: 10px; }
      #tutPop .tut-detail .tut-head .tut-subtitle {
        font-size: 1.4rem;
        line-height: 150%; }
        #tutPop .tut-detail .tut-head .tut-subtitle .tut-org {
          font-weight: bold;
          color: #f26100; }
    #tutPop .tut-detail .tut-scroll {
      height: 420px;
      overflow-y: scroll;
      margin-bottom: 10px; }
    #tutPop .tut-detail .tut-section-s {
      width: 420px;
      margin: 20px 30px;
      float: left; }
      #tutPop .tut-detail .tut-section-s h4 {
        margin-bottom: 10px; }
      #tutPop .tut-detail .tut-section-s .tut-text {
        font-size: 1rem;
        line-height: 150%; }
      #tutPop .tut-detail .tut-section-s .tut-judge tr {
        border-bottom: solid 1px #AAA; }
        #tutPop .tut-detail .tut-section-s .tut-judge tr:last-child {
          border-bottom: none; }
      #tutPop .tut-detail .tut-section-s .tut-judge th {
        width: 100px;
        font-size: 1.4rem;
        font-weight: normal;
        text-align: left;
        padding: 10px; }
      #tutPop .tut-detail .tut-section-s .tut-judge td {
        width: 150px;
        font-size: 1.4rem;
        padding: 10px; }
    #tutPop .tut-detail .tut-section-l {
      width: 920px;
      margin: 0 34px 20px;
      padding-top: 20px;
      clear: both; }
      #tutPop .tut-detail .tut-section-l h4 {
        margin-bottom: 10px; }
      #tutPop .tut-detail .tut-section-l .tut-section-inner-block {
        width: 460px;
        float: left; }
      #tutPop .tut-detail .tut-section-l .tut-section-title {
        width: 270px;
        margin-bottom: 10px;
        font-size: 1.4rem;
        line-height: 150%;
        font-weight: bold; }
      #tutPop .tut-detail .tut-section-l .tut-section-text {
        font-size: 1.2rem;
        line-height: 150%;
        margin-bottom: 10px; }
      #tutPop .tut-detail .tut-section-l .tut-text {
        font-size: 1rem;
        line-height: 150%; }
      #tutPop .tut-detail .tut-section-l .tut-test tr {
        border-bottom: solid 1px #AAA; }
        #tutPop .tut-detail .tut-section-l .tut-test tr:last-child {
          border-bottom: none; }
      #tutPop .tut-detail .tut-section-l .tut-test th {
        width: 250px;
        font-size: 1.4rem;
        font-weight: normal;
        text-align: left;
        padding: 5px; }
      #tutPop .tut-detail .tut-section-l .tut-test td {
        font-size: 1.4rem; }







/* ADD */

.pass{
    margin-bottom: 80px;	
}

.pass h3 {
    margin-bottom: 30px;
}

.pass-block{
    width: 100%;
    margin-bottom: 60px;
}

.pass-title{
    width: 100%;
    cursor: pointer;
    transition: all 0.3s;
    margin-bottom: 2rem;
}

.pass-title:hover{
    opacity: 0.6;
}

.pass-title img{
    width: 100%;
    position: relative;
    z-index: 3;
}

.pass-detail{
    display: none;
    position: relative;
    top: -21px;
    padding: 20px;
    background-color: #fffef1;
    border: solid 2px #898400;
}

.subject{
    margin-bottom: 40px;
    padding: 16px 10px;
    border: double 4px #898400;
    font-size: 16px;
    font-weight: bold;
    color: #6e6a00;
    text-align: center;
}

.pass-flow li{
    position: relative;
    padding: 30px;
    
}

.pass-flow li p{
	font-size: 1rem;
    line-height: 1.6;
}

.pass-flow li:nth-of-type(1){background: url(./images/exp_num1.png) 10px 8px no-repeat;}

.pass-flow li:nth-of-type(2){background: url(./images/exp_num2.png) 10px 8px no-repeat;}

.pass-flow li:nth-of-type(3){background: url(./images/exp_num3.png) 10px 8px no-repeat;}

.pass-tr{
    display: block;
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -72px;
}

.pass-close-btn{
    width: 80px;
    margin: 0 auto;
    padding: 10px;
    background: #D61B13;
    border-radius: 5px;
    box-shadow: 0px 2px 5px #AAA;
    text-align: center;
    color: #FFF;
    cursor: pointer;
    transition: all 0.3s;
}

.pass-close-btn:hover{
    opacity: 0.7;
}

.case-graph img {
	width: 100%;
}






/* add 2017 後期入学用 */

.pass-detail-kouki {
    display: none;
    position: relative;
    top: -21px;
    padding: 20px;
    background-color: #fffef1;
    border: solid 2px #898400;
    font-size: 1.0rem;
    line-height: 1.6;
}

.pass-flow-kouki li {
    position: relative;
    padding: 0 30px;
    margin-bottom: 3rem;
}

.pass-flow-kouki li h2 {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    padding: 1.1rem 1rem 1rem 1rem;
    border-radius: 5px;
    color: #fff;
    letter-spacing: 0.2rem;
	width: -moz-max-content;
	width: intrinsic;
	width: -webkit-max-content;
}
	.pass-flow-kouki li h2.green { background-color: #61bf82; }
	.pass-flow-kouki li h2.blue { background-color: #61a6bf; }
	.pass-flow-kouki li h2.red { background-color: #e34d70; }

.pass-flow-kouki li p {
    margin-bottom: 2rem;
    padding: 0 2rem;
}

.pass-flow-kouki li ul {
	padding: 0 2rem 2rem 2rem;
}
.pass-flow-kouki li ul.flow_inner li {
    margin: 0 0 1.3rem 0;
    padding: 0;
    list-style-type: none;
	counter-increment: number;
}
	.pass-flow-kouki li ul.flow_inner li::before {
		content: counter(number) ". ";
		color: #61bf82;
	}

.pass-flow-kouki li ul.flow_inner2 {
	background-color: #f3f7f8;
	padding: 2rem 3rem;
	border: dashed 2px #61a6bf;
	border-radius: 10px;
}

.pass-flow-kouki li ul.flow_inner2 li {
    margin: 0 0 1.3rem 0;
    padding: 0;
    list-style-type: circle;
}
	.pass-flow-kouki li ul.flow_inner2 li strong {
		text-decoration: underline;
		color: #3776c2;
	}

.pass-flow-kouki dl {
	padding: 0 2rem;
}

.pass-flow-kouki dl dt {
	font-size: 2.2rem;
    margin-bottom: 1rem;
    font-weight: bold;
    color: #508cb8;
    letter-spacing: 0.2rem;
}

.pass-flow-kouki dl dd {
    margin-bottom: 3rem;
}
	.pass-flow-kouki i { font-size: 3rem; padding-top: 2rem; color: #61a6bf; }

.pass-flow-kouki li:nth-of-type(1){background: url(./images/exp_num1.png) 10px 8px no-repeat;}

.pass-flow-kouki li:nth-of-type(2){background: url(./images/exp_num2.png) 10px 8px no-repeat;}

.pass-flow-kouki li:nth-of-type(3){background: url(./images/exp_num3.png) 10px 8px no-repeat;}

.pass-flow-kouki table.gridtable {
    color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	width: auto;
	margin-bottom: 5rem;
	margin-left: 2rem;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666;
	background-color: #eee;
	text-align: center;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
	text-align: center;
}

.txtdeco {
	text-decoration: underline;
	text-decoration-color: #00ff00;
	font-weight: bold;
}
.txtdeco-bold {
	font-weight: bold;
	color: #3fb167;
}



/* add pankuzu 2017.11 */

#breadcrumb {
width: 900px;
margin: auto;
font-size: 10px;
color: #999;
padding: 10px 0 20px 0;
}
#breadcrumb a {
color: #999;
}

#breadcrumb ul li {
	float: left;
}
/*
#breadcrumb ul li a:after {
content: "｜";
text-decoration: none;
}
*/


/* add news内テーブルスタイル 2018.01 */

.newsentryTable {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.2em;
    line-height: 1.4;
}

.newsentryTable tr th {
	background-color: #eee;
}

.newsentryTable tr th,
.newsentryTable tr td {
    padding: 0.5rem;
    border: 1px solid #DDD;
    vertical-align: middle;
}
	.newsentryTable tr td:nth-child(1) {
		width: 50%;
	}

.newsentryTable tr th {
    text-align: center;
    font-weight: bold;
}


/* add コンテンツ追加 2018.01 */
.fee {
	font-size: 3rem;
	font-weight: normal;
	text-align: center;
}

.fee span {
	font-size: 1.4rem;
}

.sttl {
	margin-bottom: 1rem;
	font-size: 0.8rem;
	line-height: 1.4;
}

.sttl strong {
	color: #24b389;
}

.course-list-txt {
	margin-bottom: 2rem;
}

.course-list-txt li {
	background-color: #ffab00;
	
	color: #fff;
	padding: 0.5rem;
	border-radius: 5px;
	width: intrinsic;
	font-size: 0.8rem;
	font-weight: bold;
	float: left;
	margin-right: 0.8rem;
}

#keitai h4 {
	font-size: 1.4rem;
	line-height: 1.5;
	text-align: center;
	background-color: #fff;
/* 	color: #ee911f; */
	color: #329956;
	padding: 1.5rem;
	border: solid 2px #329956;
	border-radius: 10px 10px 0 0 ;
}

#keitai h5 {
	font-size: 2rem;
	line-height: 1.5;
	text-align: center;
/* 	background-color: #ee911f; */
	background-color: #56b577;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #329956), to(#329956)),
	-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #329956), to(#329956));
	-webkit-background-size: 5px 5px;
	
	
	
	color: #fff;
	padding: 1.5rem;
}

.keitai_inner {
	background-color: #fff;
	padding: 25px;	
/* 	border: solid 2px #ee911f; */
	border: solid 2px #329956;
	border-radius: 0 0 10px 10px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#keitai dl {	
	line-height: 1.6;
	width: 100%;
	float: none;
	margin-bottom: 3rem;
/* 	margin-right: 20px; */
}
/*
	#keitai dl:last-child {
		margin-right: 0;
	}
*/

#keitai dl dt {
	font-size: 1.6rem;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.1rem;
	text-align: center;
	color: #fff;
	padding: 0.8rem 1.5rem;
	border-radius: 5px;
	margin-bottom: 1rem;
}
	#keitai dl dt.cl01 { background-color: #109078; }
	#keitai dl dt.cl02 { background-color: #12879b; }
	#keitai dl dt.cl03 { background-color: #01608c; }
		#keitai dl dt.cl04 { background-color: #d3e6a2; color: #618700; border: solid 1px #618700; }
		#keitai dl dt.cl05 { background-color: #dee6a2; color: #858700; border: solid 1px #858700; }
		#keitai dl dt.cl06 { background-color: #e6dfa2; color: #876f00; border: solid 1px #876f00; }
		#keitai dl dt.cl07 { background-color: #faebe6; color: #da7456; border: solid 1px #da7456; }

#keitai dl dd {
/*
	font-size: 1rem;
	line-height: 1.6;
*/
	padding: 1rem 2rem;
}



/* add 2018 */

#special h4 {
	font-size: 1.4rem;
	font-style: italic;
	line-height: 1.4;
	color: #269549;
	
}

.step-title {
	font-size: 2.4rem;
	color: #fff;
	padding: 1rem 0;
	text-align: center;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ff9720), color-stop(0.00, #d9b33f));
	background: -webkit-linear-gradient(top, #d9b33f 0%, #ff9720 88%);
	background: -moz-linear-gradient(top, #d9b33f 0%, #ff9720 88%);
	background: -o-linear-gradient(top, #d9b33f 0%, #ff9720 88%);
	background: -ms-linear-gradient(top, #d9b33f 0%, #ff9720 88%);
	background: linear-gradient(to bottom, #d9b33f 0%, #ff9720 88%);
}

#tuition h5 {
	font-size: 2.2rem;
	font-style: italic;
}

#tuition h6 {
	font-size: 1.2rem;
	font-style: italic;
}


#tuition table {
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
    font-size: 1.4rem;
}

#tuition table tr th {
	background-color: #efefef;
}

#tuition table tr th,
#tuition table tr td {
    padding: 10px;
    border: 1px solid #ccc;
    vertical-align: middle;
}

#tuition table tr th {
    text-align: center;
    font-weight: bold;
}


#tutPop h3 {
	font-size: 2.6rem;
	font-style: italic;
	line-height: 1.6;
}

#tutPop h3 span {
	font-size: 1rem;
	font-style: italic;
}

#tutPop h4 {
	font-size: 2.2rem;
	font-style: italic;
	line-height: 1.6;
	color: #24af75;
}

table.tut-test td {
	text-align: right;
}





/* add 2018.06.22 事例追加 */

#jirei {
	padding: 3rem 0;
/* 	font-size: 110%; */
	line-height: 1.6;
	color: #333;
}
#jirei h2 {
	text-align: center;
	font-size: 1.5rem;
	font-style: italic;
	letter-spacing: 0.2rem;
	margin-bottom: 2rem;
}
#jirei h2 strong {
	color: #fbaa0a;
}
#jirei h2 span {
	text-align: center;
	font-size: 1.2rem;
}

#jirei.inner {
	width: 900px;
	margin: 0 auto;
}
#jirei dl {
	padding: 3rem;
	border: solid 1px #ccc;
	border-radius: 5px;
	background-color: #fff;
	margin-bottom: 2rem;
}
#jirei dl dt {
	font-weight: bold;
	font-size: 1.5rem;
	margin-bottom: 3rem;
	background-color: #ff7759;
	color: #fff;
	padding: 1rem;
	border-radius: 5px;
}
#jirei dl dd {
	border-bottom: dotted 1px #ccc;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}
	#jirei dl dd:last-child { border: none; padding-bottom: 0; }
	
#jirei dl dd.jirei_sttl {
	font-size: 1.2rem;
}
#jirei dl dd.jirei_sttl2 {
	font-size: 1.2rem;
	font-style: italic;
	border-bottom: dotted 1px #ccc;
}
#jirei dl dd.jirei_sttl img {
	margin-right: 2rem;
	width: 25%;
	float: left;
}
#jirei dl dd li {
	margin-bottom: 2rem;
}
#jirei dl dd li strong {
	margin-bottom: 0.1rem;
	display: block;
	color: #ff7759;
}
#jirei dl dd li span {
	font-size: 180%;
	color: #ed561b;
}
.ssttl {
	background-color: #ff7759;
	color: #fff;
	width: -moz-max-content;
	width: intrinsic;
	width: -webkit-max-content;
	padding: 0.2rem;
	border-radius: 5px;
	margin-bottom: 0;
	display: block;
}
.subph {
	margin-left: 2rem;
	width: 25%;
	float: right;
}


/*----------------------------
	add 2020.01
----------------------------*/

.inner_contnt h2 {
	text-align: center;
	font-size: 1.6rem;
	font-style: italic;
	line-height: 3rem;
	letter-spacing: 0.2rem;
	margin-bottom: 2rem;
}
.inner_contnt h2 strong {
	color: #fbaa0a;
}
.inner_contnt h2 span {
	text-align: center;
	font-size: 1.2rem;
	border-bottom: solid 1px #333;
}




.tokuten {
/* 	background-color: #eb6e40; */
/* 	background-color: #f88323; */
/* 	background-color: #329956; */
	
	background-color: #56b577;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #329956), to(#329956)),
	-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #329956), to(#329956));
	-webkit-background-size: 5px 5px;

	padding: 2rem;
	margin: 0;
	text-align: center;
	line-height: 1.5rem;
}

.tokuten_txt {
	width: 1000px;
	margin: 0 auto;
}

.tokuten h2 {
	background-color: #fff;
	color: #eb6e40;
	font-weight: bold;
	font-size: 1.8rem;
  font-style: italic;
  line-height: 1.6;
	margin-bottom: 2rem;
	padding: 1rem;
	border-radius: 5px;
}
.tokuten ul {
	margin-bottom: 0;
}
.tokuten ul li {
	margin-bottom: 3rem;
/* 	border-bottom: dotted 1px #fff; */
}
.tokuten ul li:last-child {
	border: none;
}
.tokuten dl {
	margin-bottom: 2rem;
}
.tokuten dl dt {
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
	margin-bottom: 1rem;
}
.tokuten dl dt span {
	border: solid 2px #fff;
	padding: 0.5rem;
	background-color: rgba(255, 255, 255, 0.2);
	margin-right: 1rem;
}
.tokuten dl dd {
	background-color: #fff;
	border-radius: 5px;
	padding: 1.5rem;
}
.tokuten dl dd p {
/* 	margin-bottom: 1rem; */
}
.tokuten dl dd table {
	margin: 0 auto;
}
.tokuten dl dd table tr td {
	padding: 0.5rem;
	border-bottom: dotted 1px #999;
	text-align: left;
}
.tokuten dl dd table tr td:nth-child(2n+1) {
	background-color: #ffdfc7;
	color: #eb6e40;
	white-space: nowrap;
	text-align: center;
}





.tokuten dl dd ul li {
	margin-bottom: 1rem;
}
.tokuten dl dd ul li span {
	color: #fff;
	padding: 0.5rem;
	background-color: rgba(0, 0, 0, 0.7);
	margin-right: 1rem;
}



/*----------------------------
	cv area (form)
----------------------------*/


.cv_area {
	
}

.cv_area_bt {
	background-color: #f2cb58;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #f2b33d), to(#f2b33d)),
	-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #f2b33d), to(#f2b33d));
	-webkit-background-size: 5px 5px;
	padding: 3rem;
	margin: 0;
}

.cv_area_drv {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#d2e9ea', endColorstr = '#ffffff')";
	background-image: -moz-linear-gradient(top, #d2e9ea, #ffffff);
	background-image: -ms-linear-gradient(top, #d2e9ea, #ffffff);
	background-image: -o-linear-gradient(top, #d2e9ea, #ffffff);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#d2e9ea), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #d2e9ea, #ffffff);
	background-image: linear-gradient(top, #d2e9ea, #ffffff);
	border-top: solid 1px #E6611B;
	padding: 0;
}

.cv_area_drv_bt {
	padding: 0 3rem 3rem 3rem;
	margin: 0;
}

.cv_area_drv_txt {
	color: #E6611B;
	font-size: 1rem;
	text-align: center;
	letter-spacing: 0.2rem;
	margin-bottom: 0;
}

.cv_area_drv_txt span {
	font-size: 1.4rem;
}

.cv_area_drv_txt span strong {
	font-size: 1.8rem;
}

.btcv a {
    display: block;
    width: 500px;
	border-radius: 5px;
	padding: 1rem;
	margin: 0px auto;
	color: #5490C0;
	background-color: rgba(255, 255, 255, 1);
	text-align: center;
	font-size: 1.0rem;
	line-height: 1.8;
}

.btcv a span {
    font-size: 1.4rem;
    font-weight: bold;
}

.btcv a:hover {
	background-color: rgba(255, 255, 255, 0.8);
	
}

.btcv_drv a {
    display: block;
    width: 500px;
	border-radius: 5px;
	padding: 1rem;
	margin: 0px auto;
	color: #fff;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.8;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff482f', endColorstr = '#e53219')";
	background-image: -moz-linear-gradient(top, #ff482f, #e53219);
	background-image: -ms-linear-gradient(top, #ff482f, #e53219);
	background-image: -o-linear-gradient(top, #ff482f, #e53219);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ff482f), to(#e53219));
	background-image: -webkit-linear-gradient(top, #ff482f, #e53219);
	background-image: linear-gradient(top, #ff482f, #e53219);
}

.btcv_drv a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff6d59', endColorstr = '#ea5b47')";
	background-image: -moz-linear-gradient(top, #ff6d59, #ea5b47);
	background-image: -ms-linear-gradient(top, #ff6d59, #ea5b47);
	background-image: -o-linear-gradient(top, #ff6d59, #ea5b47);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ff6d59), to(#ea5b47));
	background-image: -webkit-linear-gradient(top, #ff6d59, #ea5b47);
	background-image: linear-gradient(top, #ff6d59, #ea5b47);
	
}