/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
inout, textarea{
  background: transparent;
    border: 0;
    border-radius: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  -webkit-text-size-adjust: 100%;
  max-height: 999999px;
}

body {line-height: 1;}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
  overflow: hidden;
}

ol, ul {list-style: none;}

blockquote {quotes: none;}

blockquote::before, blockquote:after {
  content: '';
  content: none;
}
del {text-decoration: line-through;}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th{font-weight: normal;}

a img {border: none;}

img{
  max-width: 100%;
  vertical-align: bottom;
}
.noDisplay {
	display:none;
}
.boldText {
  font-weight:bold;
}
.textCenter{
  text-align: center;
}
.textColorRed{
  color: rgba(255, 0, 0, 1.00);
}


.cf::before,
.cf::after{
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after{clear: both;}

/* For IE 6/7 only */
.cf {*zoom: 1;}

/* =Layout
-------------------------------------------------------------- */

html{font-size: 62.5%;}

body{
  padding-top: 90px;
  font-size: 1.6rem;
  line-height: 2.4rem;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
    font-weight: 500;
  color: #000;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
}

.min{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

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

a:hover{text-decoration: none;}
    
.wrap{
  width: 100%;
  overflow: hidden;
  
}

header{
  width: 100%;
  height: 90px;
  background-color: #fff;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1001;
}

.header_inner{
  width: 100%;
  margin: 0 auto;
  position: relative;
}
    
  .header_title{
    float: left;
    width: 120px;
    margin-left: 20px;
    margin-top: 16px;
  }

  .header_nav{
    float: left;
    margin-top: 35px;
    margin-left: 45px;
    font-size: 0;
    z-index: 1000;
  }

    .hn_link{
      display: inline-block;
      margin-right: 30px;
      font-size: 1.6rem;
      font-weight: bold;
      transition: .4s;
    }

      .hn_link:hover{opacity: .7}


  .tel_img{
    display: block;
    float: right;
    width: 221px;
    margin-top: 20px;
    margin-right: 17px;
  }

  .mail_btn{
    float: right;
    width: 90px;
    height: 90px;
    background-color: #1F3E6A;
    position: relative;
    transition: .4s;
  }

    .mail_btn:hover{opacity: .7}

    .mb_img{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }


/* メインビジュアル
-------------------------------------------------------------------------- */

.main_vis{position: relative;}

  .main_vis .slider{
    width: 78%;
    margin-left: 22%;
    z-index: 0;
  }

  .slider_cell{
    width: 100%;
    height: 570px;
    background-image: url(/images/index_bg_03.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;    
  }

    .slider_cell:nth-of-type(2){background-image: url(/images/index_bg_02.jpg)}

    .slider_cell:last-of-type{background-image: url(/images/index_bg_01.jpg)}

  .mv_title{
    width: 80%;
    max-width: 1050px;
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 100;
  }

.banner_set {
  position:inherit;
  width:100%;
  box-sizing:border-box;
  padding:2em 2em 0;
  text-align:center;
  z-index: 100;
}
.banner_set p {
  /*display:inline-block;*/
}
.banner_set_seminar{
  margin: 0 0 1rem;
}
/* 20周年ロゴ追加 2020.01.24*/
.LogoTh_set{
	position: absolute;
    width: 90px;
    z-index: 100;
    top: 10px;
    left: 5px;
	}
@media only screen and (min-width: 751px) {
.banner_set {
  position:absolute;
  padding:0;
  width:420px;
  bottom: 50px;
  left: 100px;
	}
.LogoTh_set{
	position:absolute;
	width: 155px;
    bottom: 30px;
    right: 50px;
	left: auto;
	top: auto;
	}
}
/* トップページコンテンツ
-------------------------------------------------------------------------- */

.head_block{
  width: 100%;
  margin-top: 100px;
  text-align: center;
}

  .hb_img{
    display: block;
    width: 90%;
    max-width: 403px;
    margin: 0 auto;
  }

  .hb_text{
    display: inline-block;
    margin-top: 20px;
    padding-bottom: 5px;
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: 3px solid #800000;
  }

  .hb_desc{
    width: 100%;
    height: 400px;
    margin-top: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

    .hb_desc_text{
      width: 100%;
      font-size: 2rem;
      line-height: 3.6rem;
      color: #fff;
      position: absolute;
      top: 100px;
      left: 50%;
      transform: translateX(-50%);
    }
    
    .inlineBtnArea {
      text-align:center;
    }
    .anchorLinkArea {
      text-align:center;
    }
    .anchorLinkArea p {
      display:inline-block;
      padding:0.5em;
    }
    .pageLinkArea {
      text-align:center;
			padding:0.5em;
    }
    .more_btn{
      display: inline-block;
      width: 240px;
      height: 60px;
      font-size: 2rem;
      font-weight: bold;
      line-height: 6rem;
      color: #fff;
      text-align: center;
      border: 2px solid #fff;
      border-radius: 30px;
      transition: .4s;
      position: relative;
    }

      .more_arrow,
      .more_arrow_hover{
        width: 10px;
        height: 20px;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        transition: .4s;
      }
      .anchorLinkArea .more_arrow,
      .anchorLinkArea .more_arrow_hover{
        width:20px;
        height:10px;
        right:14px;
      }
      .more_arrow2,
      .more_arrow2_hover{
        width: 10px;
        height: 20px;
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
        transition: .4s;
      }

      .more_btn:hover{
        color: #fff;
        border: 2px solid #0084DB;
        background-color: #0084DB;
      }

      .mb_bk{
        color: #000;
        border: 2px solid #000;    
      }

      .mb_bk .more_arrow{opacity: 1;}

        .mb_bk .more_arrow_hover{opacity: 0;}

        .mb_bk:hover .more_arrow_hover{opacity: 1;}

      .mb_bk .more_arrow2{opacity: 1;}

        .mb_bk .more_arrow2_hover{opacity: 0;}

        .mb_bk:hover .more_arrow2_hover{opacity: 1;}

      .summary_block .hb_desc{background-image: url(/images/index_bg_04.jpg);}

      .summary_block .more_btn,
      .skills_block .more_btn{margin-top: 240px;}
        
  .news_block{
    height: 100%;
  }

  .news_list{
    width: 92%;
    max-width: 1040px;
    margin: 0 auto;
    margin-top: 30px;
  }

    .nl_cell{
      width: 100%;
      padding-top: 25px;
      padding-bottom: 20px;
      border-top: 1px solid #DDDDDD;
      font-size: 0;
      text-align: left;
    }

      .nl_cell:last-of-type{border-bottom: 1px solid #DDDDDD;}

      .news_date{
        display: inline-block;
        width: 120px;
        font-size: 1.6rem;
        font-weight: bold;
        vertical-align: top;
      }

      .news_text{
        display: inline-block;
        width: calc( 100% - 120px );
        font-size: 1.6rem;
        vertical-align: top;
      }

        .news_text:hover{text-decoration: underline;}

      .news_block .more_btn{margin-top: 40px;}  


  .skills_block .hb_desc{background-image: url(/images/index_bg_05.jpg);}

.link_block{
  width: 100%;
  margin-top: 100px;
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
  background-image: url(/images/index_bg_06.jpg);
  background-size: cover;
  box-sizing: border-box;
}

  .lb_box{
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    font-size: 0;
  }

    .lb_cell{
      display: inline-block;
      width: 31%;
      max-width: 320px;
      height: 160px;
      padding-top: 25px;
      font-size: 1.6rem;
      font-weight: bold;
      background-color: rgba(255,255,255,.8);
      box-sizing: border-box;
      transition: .4s;
    }

      .lb_cell:nth-of-type(3n+2){
        margin-left: 3.5%;
        margin-right: 3.5%;
      }

      .lb_cell:nth-of-type(-n+3){margin-bottom: 3.5%;}

    .lb_icon{
      display: block;
      width: 100px;
      margin: 0 auto;
      margin-bottom: 5px;
    }

    .lb_cell:hover{opacity: .7;}

/* 下層共通
-------------------------------------------------------------------------- */

.page_title{
  width: 100%;
  height: 250px;
  background-size: cover;
  position: relative;
}

  .pt_desc{
    width: 90%;
    font-size: 3rem;
    font-weight: bold;
    line-height: 3.2rem;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .pt_img{
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 3px solid #820000;
  }

  .breadcrumb{
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    line-height: 2.8rem;
    background-color: #eee;
    box-sizing: border-box;
  }

    .bc_cell{text-decoration: underline;}

      .bc_cell:hover{text-decoration: none;}

  .contents_block{
    padding-top: 100px;
    padding-bottom: 100px;
    margin: 0 auto;
    box-sizing: border-box;    
  }

/* アクセス
-------------------------------------------------------------------------- */

.access_title{background-image: url(/images/access_img_01.jpg);}

  .access_title .pt_img{width: 70px;}

.contents_block.access_page{
  width: 92%;
  max-width: 1020px;
}

  .map_block{
    width: 100%;
    height: 420px;
  }

  .access_data{
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
  }

    .ad_box{
      float: left;
      width: 56%;
    }

    .ad_img{
      float: right;
      width: 41%;
    }

    .add_tel{font-size: 0;}

      .ad_cell,
      .tel_cell{border-top: 1px solid #ddd;}

        .tel_cell{border-bottom: 1px solid #ddd;}

      .add_head,
      .add_cont,
      .tel_head,
      .tel_cont{        
        display: inline-block;
        padding: 10px 0 10px 20px;
        font-size: 1.6rem;
        vertical-align: top;
        box-sizing: border-box;
      }

        .add_head,
        .tel_head{
          width: 37%;
          background-color: #eee;
        }

        .add_head{
          height: 68px;
          line-height: 4.4rem;
        }

        .add_cont,
        .tel_cont{width: 63%;}

    .time_required{
      list-style: disc;
      margin-top: 20px;
      margin-left: 15px;
    }

/* お問い合わせ
-------------------------------------------------------------------------- */

.contact_title{background-image: url(/images/contact_img_01.jpg);}

  .contact_title .pt_img{width: 72px;}

  .contents_block.contact_page{
    width: 92%;
    max-width: 1020px;
  }

  .contact_note{
    padding-bottom: 45px;
    text-align: center;
    border-bottom: 1px solid #ddd;
  }
  .contact_note .font_red{
    color: rgba(255,0,0,1.00);
  }
  .contact_note .font_bold{
    font-weight: bold;
  }

  .contact_form{
    width: 100%;
    margin-top: 25px;
  }

    .c_row{
      width: 100%;
      border-bottom: 17px solid #fff;
      position: relative;
    }

      .c_head,
      .c_cont{
        vertical-align: middle;
        height: 60px;
      }

        .c_head{width: 22%;}
        .c_head .caps {min-width: 4em; display:inline-block;}

          .required{
            display: inline-block;
            width: 44px;
            height: 24px;
            margin-left: 5px;
            text-align: center;
            line-height: 2.3rem;
            color: #fff;
            background-color: #FF0000;
          }

        .c_cont{width: 78%;}

        .c_input[type="text"]{
          width: 100%;
          height: 60px;
          padding: 10px;
          font-size: 1.6rem;
          border: 0;
          background-color: #eee;
          box-sizing: border-box;
        }
        .c_input2[type="text"]{
          width: 30%;
          height: 60px;
          padding: 10px;
          font-size: 1.6rem;
          border: 0;
          background-color: #eee;
          box-sizing: border-box;
        }
        .c_zip1[type="text"]{
          width: 40%;
          max-width:6em;
          height: 60px;
          padding: 10px;
          font-size: 1.6rem;
          border: 0;
          background-color: #eee;
          box-sizing: border-box;
        }
        .c_zip2[type="text"]{
          width: 40%;
          max-width:8em;
          height: 60px;
          padding: 10px;
          font-size: 1.6rem;
          border: 0;
          background-color: #eee;
          box-sizing: border-box;
        }

        .c_textarea{
          width: 100%;
          height: 180px;
          padding: 10px;
          font-size: 1.6rem;
          border: 0;
          background-color: #eee;
          box-sizing: border-box;
        }
        
        .c_cont .subject { 
          /* width: 4.5em; */
          /*width: 6.5em;*/
          width: 8.5em; /*「新」有り*/
          display:inline-block;
          }
        .c_cont .date { max-width:100%; display:inline-block;}
        .c_cont .date1 { min-width:2em; display:inline-block; text-align:right;}
        .c_cont .date2 { min-width:2.1em; display:inline-block; text-align:right;}
        .c_cont .date3 { min-width:3.1em; display:inline-block; text-align:right;}
        .c_cont .time { display:block;}
        .c_cont .title { display:block;}
        .cb_block{font-size: 0;}  
				
          .check_cell{
						padding:0.5em 0 0.5em 20px;
            font-size: 1.6rem;
            position: relative;
          }
          .selectArea1 > .check_cell:nth-child(2n){
						background-color:#eee;
					}
          .selectArea2 > .check_cell:nth-child(2n+1){
						background-color:#eee;
					}

            .check_cell:last-of-type{margin: 0;}

          .cb_item{
            position:absolute;
            top:0;
            bottom:0;
            left:4px;
            margin:auto;
          }
@media only screen and (min-width: 641px) {
        /* .c_cont .date { width:24em;} */
        .c_cont .time { width:10em; display:inline-block;}
        .c_cont .title { width:11em; display:inline-block;}
          .selectArea1 > .check_cell:nth-child(2n){
						background:none;
					}
          .selectArea2 > .check_cell:nth-child(2n+1){
						background:none;
					}
          .check_cell{
            float: left;
            margin-right: 0.5em;
						margin-bottom:0.5em;
						padding:0 0 0 16px;
          }
          .cb_item{
            left:0;
          }
}
  .selectArea1 {
    width:100%;
    overflow:hidden;
    margin-top:1em;
    padding-bottom:1em;
    border-bottom:1px dotted #ccc;
  }
  .selectArea2 {
    width:100%;
    overflow:hidden;
    margin-top:1em;
    padding-bottom:1em;
  }
  .btnArea {
    text-align:center;
  }
  .contact_page .more_btn{
    display: inline-block;
    margin: 0 auto;
    margin-top: 23px;
  }
/* 夏用 */
  .seminarTitle1 {
    background-color:#0089d7;
    color:#fff;
    text-align:center;
    font-size:1.5em;
    padding:0.5em;
    margin-bottom:1em;
  }
  .contact_page .seminarTitle1 {
		color:#fefe00;
	}
/* 冬用 */
  .seminarTitle2 {
    background-color:#00cbfe;
    color:#fff;
    text-align:center;
    font-size:1.5em;
    padding:0.5em;
    margin-bottom:1em;
  }
/* 春用 */
  .seminarTitle3 {
    background-color:#00b9b7;
    color:#fff;
    text-align:center;
    font-size:1.5em;
    padding:0.5em;
    margin-bottom:1em;
  }

  .seminarSubTitle {
    text-align:center;
    font-size:1.25em;
    font-weight: bold;
    padding:0.5em;
    margin-bottom:1em;
    line-height: 1.3;
  }

  .admission_flow{
    width: 100%;
    margin-top: 105px;  
    text-align: center;  
  }

    .flow_title{
      width: 100%;
      margin-bottom: 40px;
      padding-bottom: 10px;
      font-size: 2.4rem;
      font-weight: bold;
      line-height: 3.2rem;
      border-bottom: 3px solid #0084DB;
    }

    .flow_box{
      width: 92%;
      max-width: 950px;
      margin: 0 auto;  
    }

      .flow_cell{
        float: left;
        width: 22%;
        padding-right: 4%;
        background-image: url(/images/contact_img_07.png);
        background-repeat: no-repeat;
        background-size: 10px 20px;
        background-position: center right 5%;
      }

        .flow_cell:nth-of-type(2){background-image: url(/images/contact_img_08.png);}

        .flow_cell:nth-of-type(3){background-image: url(/images/contact_img_09.png);}

        .flow_cell:last-of-type{padding: 0;}

.contactArea02_title{font-weight: 500;}


/* 英語観
-------------------------------------------------------------------------- */

.attitude_title{background-image: url(/images/attitude_img_01.jpg);}

  .attitude_title .pt_img{width: 117px;}

.att_block_01,
.att_block_02{  
  width: 100%;
  position: relative;
  z-index: 0;
}

  .attb_inner{
    width: 92%;
    max-width: 1020px;
    margin: 0 auto;
    position: relative;
  }

  .att_bg_l,
  .att_bg_r{
    width: 50%;
    height: 90px;
    background-image: url(/images/attitude_img_07.png);
    position: absolute;
    top: 0;
    left: 0;
  }

  .att_bg_r{
    left: auto;
    right: 0;
  }

    .attb_title{
      width: 820px;
      background-image: url(/images/attitude_img_07.png);
      z-index: 1000;
    }

      .att_block_02 .attb_title{margin-left: 200px;}

      .attb_title_box{
        display: table-cell;
        width: 1020px;
        height: 90px;
        text-align: left;
        vertical-align: middle;              
      }

        .att_block_02 .attb_title_box{text-align: right;}

    .attb_inner .ci_r,
    .attb_inner .ci_l{
      margin-top: 40px;
      font-size: 1.8rem;
      line-height: 3.6rem;
      text-align: justify;
    }

      .attb_inner .ci_r .attb_img{
        float: right;
        display: block;
        width: 500px;
        margin-left: 30px;
        margin-right: -100px;
      }

      .attb_inner .ci_l .attb_img{
        float: left;
        display: block;
        width: 500px;
        margin-right: 30px;
        margin-left: -100px;
      }

        .attb_text{
          float: right;
          width: calc( 100% - 430px );
        }

  .att_block_02{margin-top: 100px;}

/* タムラゼミナールとは
-------------------------------------------------------------------------- */

.summary_title{background-image: url(/images/summary_img_01.jpg);}

  .summary_title .pt_img{width: 164px;}

.sum_block_01,
.sum_block_02,
.sum_block_03{
  width: 100%;
  position: relative;
  z-index: 0;
}

.sum_block_02,
.sum_block_03{margin-top: 100px;}

  .sum_inner{
    width: 92%;
    max-width: 1020px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
  }

    .sum_inner::before{
      content: "";
      width: 250px;
      height: 390px;
      position: absolute;
      top: 0px;
      left: 0px;
      background-image: url(/images/summary_img_09.png);
      z-index: 0;
    }

    .sum_block_02 .sum_inner::before{
      height: 385px;
      left: auto;
      right: 0;
    }

  .sum_bg_l{
    width: 50%;
    height: 390px;
    background-image: url(/images/summary_img_09.png);
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
  }

  .sum_bg_r{
    width: 50%;
    height: 385px;
    background-image: url(/images/summary_img_09.png);
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    box-sizing: border-box;
  }

  .sum_title_box{
    float: left;
    width: 190px;
    padding-top: 38px;
    padding-left: 8px;
    position: relative;
    z-index: 1000;
  }

  .sum_block_02 .sum_title_box{
    float: right;
    padding-top: 45px;
    padding-left: 0px;
    padding-right: 5px;
  }
    
  .sum_inner .ci_r,
  .sum_inner .ci_l{
    font-size: 1.8rem;
    line-height: 3.6rem;
    text-align: justify;
  }

    .sum_inner .ci_r{
      float: right;
      display: block;
      width: 87%;
      margin-top: 20px;
      margin-right: -100px;
      position: relative;
      z-index: 1000;
    }

      .sum_inner .ci_r .sum_text{
        margin-bottom: 20px;
        padding-left: 40px;
        text-align: justify;
      }

    .sum_inner .ci_l{
      float: left;
      display: block;
      width: 87%;
      margin-top: 20px;
      margin-left: -100px;
      position: relative;
      z-index: 1000;
    }

      .sum_inner .ci_l .sum_text{
        margin-bottom: 20px;
        padding-right: 40px;
        text-align: right;
      }

  .sum_note{
    width: 92%;
    margin: 0 auto;
    margin-top: 60px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 3.4rem;
    text-align: center;
  }

  .summary_page .more_btn{
    display: block;
    width: 300px;
    margin: 0 auto;
    margin-top: 50px;
  }

/* 卒業生の声
-------------------------------------------------------------------------- */

.voice_title{background-image: url(/images/voice_img_01.jpg);}

  .voice_title .pt_img{width: 171px;}

.voice_cell{
  width: 92%;
  max-width: 1020px;
  margin: 0 auto;
  margin-top: 70px;
}

  .voice_page article:first-of-type{margin-top: 0;}

  .voice_head{
    width: 80%;
    max-width: 480px;
    margin: 0 auto;
    padding: 13px;
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: url(/images/summary_img_09.png);
    position: relative;
    z-index: 1000;
    box-sizing: border-box;
  }

    .voice_sn{margin-right: 10px;}

  .voice_com{
    width: 100%;
    margin-top: -25px;
    padding: 40px;
    background-color: #eee;
    line-height: 2.8rem;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
  }


/* お知らせ一覧、お知らせ詳細
-------------------------------------------------------------------------- */

.topics_title{background-image: url(/images/topics_img_01.jpg);}

  .topics_title .pt_img{width: 51px;}

  .topics_box{
    width: 92%;
    max-width: 1020px;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
  }

    .topics_cell{
      padding-top: 20px;
      padding-bottom: 15px;
      font-size: 0;
      border-top: 1px solid #ddd;
    }

      .topics_date{
        display: inline-block;
        width: 100px;
        margin-right:10px;
        font-size: 1.6rem;
        font-weight: bold;
        vertical-align: top;
      }

      .topics_cell_title{
        display: inline-block;
        width: calc( 100% - 110px );
        font-size: 1.6rem;
        vertical-align: top;
      }

        .topics_cell_title:hover{text-decoration: underline;}

  .pager{
    margin-top: 50px;
    text-align: center;
  }  

    .page_link{
      display: inline-block;
      width: 40px;
      height: 40px;
      margin: 0 5px 10px 5px; 
      text-align: center;
      vertical-align: top;
      line-height: 4rem;
      color: #fff;
      background-color: #ccc;
      transition: .4s;
    }

    .pager .active,
    .page_link:hover{
      background-color: #0084DB;
    }

    .pager .prev,
    .pager .next{display: inline-block;}

        .pager_arrow{width: 7px;}

      .prev{
        padding-right: 5px;
        border-right: 1px solid #ddd;
      }

      .next{
        padding-left: 5px;
        border-left: 1px solid #ddd;
      }

      .prev .page_link,
      .next .page_link{
          line-height: 0;
          margin-bottom: 0;
          padding-top: 13px;
          box-sizing: border-box;
        }

  .post_contents{
    width: 92%;
    max-width: 1020px;
    margin: 0 auto;  
  }

    .post_date{
      font-weight: bold;
      color: #0084DA;
    }

    .post_title{
      width: 100%;
      margin-top: 10px;
      margin-bottom: 15px;
      padding-bottom: 10px;
      font-size: 2.4rem;
      font-weight: bold;
      line-height: 3.6rem;
      border-bottom: 1px solid #ddd;
    }

    .post_text{
      min-height: 400px;
      padding-bottom: 50px;
      line-height: 3rem;
    }

  .pn_btn_box{
    text-align: center;
    font-size: 0;
  }

    .pn_btn{
      display: inline-block;
      width: 180px;
      height: 40px;
      font-size: 1.6rem;
      font-weight: bold;
      text-align: center;
      line-height: 4rem;
      color: #fff;
      background-color: #0084DB;
      transition: .4s;
    }

      .pn_btn:hover{background-color: #ccc;}

      .pn_btn:nth-of-type(2){
        margin-left: 10px;
        margin-right: 10px;
      }

    .pn_btn_box .prev_btn,
    .pn_btn_box .next_btn{
      background-color: #ccc;
      position: relative;
    }

      .pn_btn_box .prev_btn:hover,
      .pn_btn_box .next_btn:hover{
        background-color: #0084DB;
      }

    .pn_btn_box .prev_btn::before{
      display: block;
      content: "";
      width: 7px;
      height: 14px;
      background-image: url(/images/pager_img_01.png);
      background-size: contain;
      position: absolute;
      top: 50%;
      left: 10px;
      transform: translateY(-50%);
    }

    .pn_btn_box .next_btn::before{
      display: block;
      content: "";
      width: 7px;
      height: 14px;
      background-image: url(/images/pager_img_02.png);
      background-size: contain;
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
    }


/* サイトマップ
-------------------------------------------------------------------------- */

.sitemap_title{background-image: url(/images/sitemap_img_01.jpg);}

  .sitemap_title .pt_img{width: 82px;}

  .sitemap_page{
    width: 92%;
    max-width: 1020px;
    margin: 0 auto;
    font-size: 0
  }

    .sitemap_cell{
      display: inline-block;
      width: 48%;
      margin-top: 25px;
      padding-bottom: 21px;
      border-bottom: 1px solid #ddd;
    }

      .sitemap_cell:first-of-type{width: 100%;}

      .sitemap_cell:nth-of-type(even){margin-right: 4%;}

      .sitemap_link{
        padding-left: 10px;
        font-size: 1.6rem;
        font-weight: bold;
        position: relative;
      }

        .sitemap_link::before{
          content: "";
          width: 6px;
          height: 12px;
          background-image: url(/images/sitemap_img_03.png);
          background-size: contain;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
        }

        .sitemap_link:hover{text-decoration: underline;}


/* サイトのご利用にあたって

-------------------------------------------------------------------------- */

.page_title.guide_title .pt_img{width: 96px;}

  .guide_block{
    width: 92%;
    max-width: 1020px;
    margin: 0 auto;
  }

    .gb_title{
      width: 100%;
      margin-bottom: 40px;
      padding-bottom: 10px;
      font-size: 2.4rem;
      font-weight: bold;
      text-align: center;
      border-bottom: 3px solid #0084DB;
    }

      .guide_block:nth-of-type(2) .gb_title{margin-top: 110px;}

    .gb_sub_title{
      width: 93%;
      margin: 0 auto;
      margin-top: 40px;
      margin-bottom: 20px;
      padding-bottom: 10px;
      font-size: 2rem;
      font-weight: bold;
      color: #0084DB;
      border-bottom: 1px solid #ddd;
    }

    .gb_text{
      width: 93%;
      margin: 0 auto;      
    }


/* 合格実績
-------------------------------------------------------------------------- */

.result_title{background-image: url(/images/result_img_01.jpg);}

  .result_title .pt_img{width: 200px;}

  .result_block{
    width: 92%;
    max-width: 1020px;
    margin: 0 auto;
    margin-top: 90px;
  }

    .result_block:first-of-type{margin-top: 0;}

    .result_year{
      width: 100%;
      margin-bottom: 40px;
      padding-bottom: 15px;
      font-size: 2.4rem;
      font-weight: bold;
      text-align: center;
      line-height: 3.2rem;
      border-bottom: 3px solid #0084DB;
    }

      .laurel{
        display: inline-block;
        margin-bottom: -3px;
        margin-right: 10px;
      }

        .laurel:last-of-type{margin-left: 10px;}

    .ry_box{
      width: 93%;
      margin: 0 auto;
      font-size: 0;
      border-top: 1px solid #D7D4BB;
      border-left: 1px solid #D7D4BB;
    }

      .result_cell{
        float: left;
        width: 50%;
        height: 70px;
        border-bottom: 1px solid #D7D4BB;
        box-sizing: border-box;
      }

        .university,
        .name{
          display: inline-block;
          height: 69px;
          font-size: 2rem;
          font-weight: bold;
          border-right: 1px solid #D7D4BB;          
        }

        .university{
          width: 63%;
          background-color: #F6F6E5;
          box-sizing: border-box;
        }

          .university .rc_inner{
            display: table-cell;
            width: 300px;
            height: 69px;
            padding-left: 25px;
            vertical-align: middle;
            box-sizing: border-box;
          }

        .result_page .name{
          width: 37%;
          box-sizing: border-box;
        }

          .result_page .name .rc_inner{
            display: table-cell;
            width: 180px;
            height: 70px;
            padding-left: 25px;
            vertical-align: middle;
          }
        
          .honorific{font-size: 1.5rem}
              
      .result_note{
        width: 93%;
        margin: 0 auto;
        margin-top: 10px;
        font-weight: bold;
        text-align: right;  
      }        

      .result_page .more_btn{
        display: block;
        margin: 0 auto;
        margin-top: 40px;
      }


/* 塾生の声
-------------------------------------------------------------------------- */

.voice2_title{background-image: url(/images/voice2_img_01.jpg);}

  .voice2_title .pt_img{width: 142px;}

  .voice2_block{
    width: 92%;
    max-width: 1020px;
    margin: 0 auto;
    margin-top: 115px;
  }
      
    .voice2_block:first-of-type{margin-top: 0;}

    .voice2_block_title{
      width: 100%;
      margin-bottom: 40px;
      padding-bottom: 15px;
      font-size: 2.4rem;
      font-weight: bold;
      text-align: center;
      line-height: 3.2rem;
      border-bottom: 3px solid #0084DB;
    }

      .voice2_box{
        width: 93%;
        margin: 0 auto;
      }

      .voice2_cell{
        width: 50%;
        margin-bottom: 55px;
        box-sizing: border-box;
      }

        .voice2_cell:last-of-type{margin-bottom: 0;}

      .voice2_cell_inner{
        width: 98%;
        padding: 30px 35px;
        margin-right: 2%;
        text-align: justify;
        vertical-align: top;
        line-height: 3rem;
        background-color: #eee;
        border: 3px solid #840000;
        box-sizing: border-box;
        position: relative;
      }

        .voice2_cell:nth-of-type(2n+2) .voice2_cell_inner{
          margin-right: 0;
          margin-left: 2%;
        }

        .voice2_cell:nth-of-type(2){margin-top: 40px;}

        .voice2_name{
          width: 150px;
          height: 30px;
          font-size: 1.6rem;
          font-weight: bold;
          color: #fff;
          line-height: 2.8rem;
          text-align: center;
          background-image: url(/images/voice2_img_03.jpg);
          position: absolute;
          bottom: -15px;
          right: 40px;
        }

      .voice2_page .more_btn{
        display: block;
        margin: 0 auto;
        margin-top: 55px;
      }

footer{
  width: 100%;
  text-align: center;
}

  .footer_link{
    width: 100%;
    padding-top: 23px;
    padding-bottom: 23px;
    background-color: #1D3D6B;
    box-sizing: border-box;
  }

    .fl_cell{
      display: inline-block;
      margin-right: 12px;
      margin-left: 12px;
      font-size: 1.6rem;
      line-height: 3.4rem;
      color: #fff;
    }

    .fl_cell:hover{text-decoration: underline;}

      .fl_cell:last-of-type{margin-right: 0;}

  .fl_logo{
    display: block;
    width: 150px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 15px;
  }

  .footer_copy{
    width: 100%;
    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #0084DB;
  }

    .footer_copy_inner{
      width: 100%;
      max-width: 1020px;
      margin: 0 auto;
      color: #fff;
    }

    .fc_link{float: left;}

      .fc_interval{
        margin-left: 10px;
        margin-right: 10px;
      }

      .fc_cell{color: #fff;}

        .fc_cell:hover{text-decoration: underline;}

    .fc_copy{float: right;}


/* ページトップボタン
-------------------------------------------------------------- */

.page_top_btn{
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
    cursor: pointer;
  transition: .4s;
}

  .pt_arrow{width: 100%;}
    
  .page_top_btn:hover{opacity: 0.8;}


@media only screen and (min-width: 1201px) { .ifsph{display: none!important; } }

@media only screen and (max-width: 1200px) {

.ifpch{display: none!important;}
  
  .header_nav{
    float: none;
    width: 320px;
    margin: 0;
    padding: 0px 40px;
    background-color: #1F3E6A;
    position: absolute;
    top: 90px;
    right: 0px;
    transition: .4s;
    box-sizing: border-box;
    transform: translateX(0px);
  }

  .header_inner nav.close{transform: translateX(320px);}
  
    .hn_link{
      display: block;
      width: 240px;
      margin: 0;
      padding-top: 25px;
      padding-bottom: 25px;
      color: #fff;
      border-bottom: 1px solid #4B6489;
      overflow: hidden;
      transition: 0s;
    }
  
    .hn_link:last-of-type{border: 0;}
  
        .menu_btn{
          float: right;
          width: 90px;
          height: 90px;
          background-color: #1F3E6A;
          position: relative;
        }
  
        .menu_btn .bar{
                    display: block;
                    width: 30px;
                    height: 2px;
                    background-color: #fff;
                    position: absolute;
          left: 30px;
                    transition: .5s;
                }
                
                    header .bar:first-of-type{top: 32px;}
                
                    header .bar:nth-of-type(2){top: 44px;}
                    
                    header .bar:last-of-type{top: 56px;}
                    
                   .menu_btn.active .bar:first-of-type {
                      -webkit-transform: translateY(10px) rotate(-45deg);
                      transform: translateY(15px) rotate(-45deg);
                    }
    
                   .menu_btn.active .bar:nth-of-type(2){opacity: 0;}

                   .menu_btn.active .bar:last-of-type{
                      -webkit-transform: translateY(-10px) rotate(45deg);
                      transform: translateY(-9px) rotate(45deg);
                    }   
  
    .attb_title{width: 80%;}
      
      .attb_title_img{height: 45px;}
  
      .att_block_02 .attb_title{margin-left: 20%;}

      .attb_inner .ci_r .attb_img{
        width: 55%;
        margin-right: -4.3%;
        margin-left: 3%;
      }

      .attb_inner .ci_l .attb_img{
        width: 55%;
        margin-right: 3%;
        margin-left: -4.3%;
      }

        .attb_text{
          float: right;
          width: 45.7%
        }
  
    .sum_inner .ci_r{
      width: calc( 100% - 230px );
      margin-right: 0px;
    }

    .sum_inner .ci_l{
      width: calc( 100% - 230px );
      margin-left: 0px;
    }
  
  .sum_block_03 p br{display: none;}
  
  .university,
  .name{font-size: 1.6rem;}

  .university .rc_inner,
  .name .rc_inner{
    padding-left: 20px;
  }  
  
  .honorific{font-size: 1.3rem;}  
  
  
}

@media only screen and (max-width: 1050px) {
  
  .news_list{width: 92%;}

      .news_date,
      .news_text{
        display: block;
        width: 100%;
      }

  .lb_box{width: 92%;}

    .attb_inner .ci_r,
    .attb_inner .ci_l{
      font-size: 1.6rem;
      line-height: 3.2rem;
    }    
  
  .sum_bg_l{height: 303px;}  
  
  .sum_bg_r{height: 295px;}  
  
    .sum_inner::before{
      width: 194px;
      height: 303px;
    }
  
    .sum_block_02 .sum_inner::before{height: 295px;}    
  
  .sum_title_box{width: 140px;}

    .sum_inner .ci_r,
    .sum_inner .ci_l{
      width: calc( 100% - 170px );
      font-size: 1.6rem;
      line-height: 3.2rem;
    }

      .sum_inner .ci_l .sum_text{text-align: left;}
  
      .sum_inner img{max-width: 100%;}  
  
  .add_head,
  .add_cont,
  .tel_head,
  .tel_cont{    
    padding: 10px 0 10px 10px;
    font-size: 1.5rem;
  }
  
  .add_head,
  .tel_head{width: 20%;}

  .add_cont,
  .tel_cont{width: 80%;}  
  
  .footer_link{
    padding-left: 4%;
    padding-right: 4%;
  }
  
    .footer_copy_inner{width: 92%;}
  
  .fc_link,
  .fc_copy{
    float: none;
    margin: 0 auto;
    text-align: center;
  }

  .fc_link{margin-bottom: 10px;}
  
  
}

@media only screen and (max-width: 960px) {
  
  .slider_cell{
    width: 100%;
    height: 400px;
  }  
    
  .mv_title{
    top: 60px;
    left: 60px;
  }  

    .hb_desc_text{top: 80px;}
  
    .att_bg_l,
    .att_bg_r,
    .attb_title_box{height: 80px;}
  
      .attb_title_img{height: 35px;}  
  
    .skills_block .more_btn{margin-top: 250px;}  
  
}

@media only screen and (min-width: 751px) { 
  
  .ifsp{display: none!important;} 
  
  footer .pc_tel{
    display: inline;
    margin-left: 15px;
  }
  
  footer .sp_tel{display: none;}    

}

@media only screen and (max-width: 750px) {
 
body{padding-top: 70px;}  
  
.ifpc{display: none!important;}

  header {height: 70px;}  
  
  .header_title{
    width: 100px;
    margin-top: 10px;
    margin-left: 15px;
  }
  
  .header_nav{
    width: 250px;
    padding: 0px 25px;
    top: 70px;
  }
  
    .header_inner nav.close{transform: translateX(250px);}
  
    .hn_link{
      width: 200px;
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 1.4rem;
    }
      
    .menu_btn{
      width: 70px;
      height: 70px;
    }
  
        .menu_btn .bar{left: 20px;}
  
                    header .bar:first-of-type{top: 22px;}
                
                    header .bar:nth-of-type(2){top: 34px;}
                    
                    header .bar:last-of-type{top: 46px;}
  
  .tel_img{
    width: 170px;
    margin-top: 16px;
  }
  
  .breadcrumb{
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.3rem;
    line-height: 2.1rem;
  }  
  
  
/* メインビジュアル
-------------------------------------------------------------------------- */
  
  .main_vis .slider{
    width: 100%;
    margin-left: 0;
  }

  .slider_cell{
    width: 100%;
    height: 480px;
    background-image: url(/images/index_bg_03.jpg);
  }

    .slider_cell:nth-of-type(2){background-image: url(/images/index_bg_02.jpg)}

    .slider_cell:last-of-type{background-image: url(/images/index_bg_01.jpg)}

  .mv_title{
    width: 94%;
    margin: 0 auto;
    margin-top: -20px;
    position: inherit;
    top: auto;
    left: auto;
    z-index: 100;
  }

    .mv_titleimg{width: 100%;}
  
/* トップページコンテンツ
-------------------------------------------------------------------------- */

.head_block h1{
  width: 100%;
  margin: 0 auto;
}

    .hb_desc_text{
      width: 90%;
      margin: 0 auto;
      font-size: 1.8rem;
      line-height: 3rem;
      text-align: left;
      top: 100px;
    }
  
  .head_block article p br{display: none;}
  
    .summary_block .more_btn,
    .skills_block .more_btn{margin-top: 230px;}

  .link_block{
    padding-top: 60px;
    padding-bottom: 60px;
  }

    .lb_cell{
      display: inline-block;
      width: 48%;
      padding-top: 32px;
    }

      .lb_cell:nth-of-type(3n+2){
        margin-left: 0%;
        margin-right: 0%;
      }
  
      .lb_cell:nth-of-type(2n+1){
        margin-right: 4%;
      }  

      .lb_cell:nth-of-type(-n+3){margin-bottom: 0%;}  
  
      .lb_cell:nth-of-type(-n+4){margin-bottom: 4%;}  
  
    .lb_icon{width: 80px;}
  

/* 下層共通
-------------------------------------------------------------------------- */

.page_title{height: 150px;}
  
  .page_title h1 {font-size: 2.6rem;}

.contents_block{
  padding-top: 50px;
  padding-bottom: 50px;
}

  
/* アクセス
-------------------------------------------------------------------------- */

.contents_block.access_page{width: 92%;}

  .access_data{width: 100%;}  
  
    .ad_box{
      float: none;
      width: 100%;
      margin-bottom: 30px;
    }

    .ad_img{
      float: none;
      width: 100%;
    }

      .add_head,
      .add_cont,
      .tel_head,
      .tel_cont{
        display: block;
        width: 100%;
        padding: 10px 0 10px 20px;
      }
  
        .add_head{
          height: 100%;
          line-height: 2.4rem;
        }  

  
/* お問い合わせ
-------------------------------------------------------------------------- */

  .contact_note{padding-bottom: 25px;}

      .c_row td{
        width: 100%;
        height: 100%;
        padding-bottom: 10px;
        display: block;
        vertical-align:top;
      }

        .c_row_head,
        .c_cont{width: 100%;}

        .c_head{font-weight: bold;}
				.c_head .postscript { font-weight:normal; padding:0.2em 0;}

        .c_row_head br{display: none;}
        
        .contact_form td input[type="text"]{border-radius: 0;}

    .flow_cell{
      float: none;
      width: 60%;
      max-width: 200px;
      margin: 0 auto;
      padding: 0;
      padding-bottom: 40px;
      background-image: url(/images/contact_img_10.png);
      background-repeat: no-repeat;
      background-size: 20px 10px;
      background-position: bottom 15px center;
    }
  
    .flow_cell:nth-of-type(2){background-image: url(/images/contact_img_11.png);}

    .flow_cell:nth-of-type(3){background-image: url(/images/contact_img_12.png);}

    .flow_cell:last-of-type{padding: 0;}
  
  .page_top_btn{
    width: 45px;
    height: 45px;
  }
  
  
/* 英語観
-------------------------------------------------------------------------- */

    .att_bg_l, .att_bg_r,
    .attb_title_box{height: 140px;}    
  
    .attb_title{width: 90%;}
  
      .attb_title_img{height: 100px;}
  
      .att_block_02 .attb_title{margin-left: 10%;}  
  
  .att_bg_r{
    left: auto;
    right: 0;
  }

      .attb_inner .ci_r .attb_img,
      .attb_inner .ci_l .attb_img{
        float: none;
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
      }

        .attb_text{
          float: none;
          width: 100%;
        }

/* タムラゼミナールとは
-------------------------------------------------------------------------- */

.sum_bg_l,
.sum_bg_r{
  height: 140px;
}  
  
    .sum_inner::before,
    .sum_block_02 .sum_inner::before{  
      width: 90%;
      height: 140px;
    }    

  .sum_title_box{
    float: none;
    width: 100%;
    height: 140px;
    padding: 0;
    position: relative;
  }
    .sum_title_box .sum_title_img{
      height: 100px;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }  
  
  .sum_block_02 .sum_title_box{
    float: none;
    height: 140px;
    padding: 0;
  }
  
    .sum_block_02 .sum_title_box .sum_title_img{
      left: auto;
      right: 0;
    }
  
  .sum_inner .ci_r{
    float: none;
    display: block;
    width: 100%;
    margin-top: 40px;
    margin-left: 0px;
  }
  
  .sum_inner .ci_l{
    float: none;
    display: block;
    width: 100%;
    margin-top: 40px;
    margin-left: 0px;
  }    
  
    .sum_inner .ci_r .sum_text{padding-left: 0px;}  
  
      .sum_inner .ci_l .sum_text{
        padding-right: 0;
        text-align: left;
        text-align: justify;
      }
  
      .sum_inner .ci_r .sum_text br,
      .sum_inner .ci_l p br{display: none;}    
  
/* 卒業生の声
-------------------------------------------------------------------------- */

  .voice_head{
    width: 90%;
    font-size: 1.8rem;
  }  
  
    .voice_sn{
      display: block;
      margin: 0;
      margin-bottom: 5px;
      text-indent: 1rem;
    }

  .voice_com{padding: 30px 20px;}
  
/* お知らせ一覧
-------------------------------------------------------------------------- */

      .topics_date{
        display: block;
        width: 100%;
        margin-bottom: 5px;
      }

      .topics_cell_title{
        display: block;
        width: 100%
      }
    
    .page_link{  
      width: 30px;
      height: 30px;
      font-size: 1.4rem;
      line-height: 3rem;
    }
      
      .prev .page_link,
      .next .page_link{padding-top: 8px;}
  
  
/* サイトマップ
-------------------------------------------------------------------------- */

    .sitemap_cell{
      display: block;
      width: 100%;
    }

      .sitemap_cell:nth-of-type(even){margin-right: 0%;}  


/* 合格実績
-------------------------------------------------------------------------- */

      .result_cell{
        float: none;
        width: 100%;
      }
  
  .result_cell{height: 50px;}
  
  .university,
  .name{
    height: 49px;
    font-size: 1.4rem;
  }

  .result_page .university .rc_inner,
  .result_page .name .rc_inner{
    height: 49px;
    padding-left: 15px;
  }  
  
  .honorific{font-size: 1.1rem;}
  
/* 塾生の声
-------------------------------------------------------------------------- */

      .voice2_cell{
        width: 100%;
      }

      .voice2_cell_inner{
        width: 100%;
        margin: 0;
        padding: 20px;
        line-height: 2.8rem;
      }  
  
  .voice2_cell:nth-of-type(2){margin-top: 0;}
  
  .voice2_cell:nth-of-type(2n+2) .voice2_cell_inner{
    margin-right: 0;
    margin-left: 0;
  }  
  
  footer .sp_tel{display: block;}  
  
  footer .pc_tel{display: none;}
    
  
}
  
@media only screen and (max-width: 650px) {
  
    .pn_btn{
      width: 30%;
      margin: 0 auto;
      font-size: 1.3rem;
    }

      .pn_btn a:nth-of-type(2){
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 10px;
      }
  
  
}
      

@media only screen and (max-width: 600px) {
      
  .slider_cell{height: 300px;}
    
}

@media only screen and (max-width: 550px) {
    
    .hb_desc_text{
      font-size: 1.6rem;
      top: 60px;
    }

    .summary_block .more_btn{margin-top: 270px;}
  
    .att_bg_l, 
    .att_bg_r,
    .attb_title_box{height: 110px;}    
  
    .attb_title{width: 90%;}
  
      .attb_title_img{height: 70px;}
  
      .att_block_02 .attb_title{margin-left: 10%;}  
  
      .sum_bg_l,
      .sum_bg_r{height: 110px;}  
  
    .sum_inner::before,
    .sum_block_02 .sum_inner::before{  
      height: 110px;
    }    

  .sum_title_box,
  .sum_block_02 .sum_title_box{height: 110px;}
  
    .sum_title_box .sum_title_img{height: 70px;}  

    .skills_block .more_btn{margin-top: 280px;}    
  
}


@media only screen and (min-width: 501px) { .tel_btn{display: none;} }

@media only screen and (max-width: 500px) {
  
    .tel_img{display: none;}
  
  .tel_btn{
    float: right;
    width: 70px;
    height: 70px;
    background-color: #0084DB;
    position: relative;
    transition: .4s;
  }

    .tb_img{
      width: 36%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }  
  
  
}
  
@media only screen and (max-width: 410px) {
  
  
  
  .header_inner nav {padding: 0px 20px;}
  
  .hn_link{
      width: 210px;
      padding-top: 10px;
      padding-bottom: 10px;
    }
  
    .att_bg_l, .att_bg_r,
    .attb_title_box{height: 105px;}    
  
  
  .slider_cell{height: 220px;}  
  
      .fc_interval{display: none;}
  
      .fc_cell{display: block;}  
  
  .fc_copy {font-size: 1.3rem;}  
  
    .pn_btn_box .prev_btn::before{
      width: 5px;
      height: 10px;
      left: 5px;
    }

    .pn_btn_box .next_btn::before{
      width: 5px;
      height: 10px;
      right: 5px;
    }  
  
  
}

/* セミナー
-------------------------------------------------------------------------- */

.sp_off,
.sp_off2 {
	display:none;
}

.seminar_page .seminar_caption {
  display:none;
}
.seminar_page .seminar_caption_sp {
  text-align:center;
  margin-bottom:3em;
	padding:0 1em;
}
@media only screen and (min-width: 641px) {
.sp_on {
	display:none;
}
.sp_off {
	display:inline;
}
.sp_off2 {
	display:block;
}
.seminar_page .seminar_caption {
	display:block;
  text-align:center;
  margin-bottom:3em;
}
.seminar_page .seminar_caption_sp {
	display:none;
}
}
.seminarArea01 {
  max-width:1020px;
	padding:0 1em;
  margin:12vw auto 0;
}
@media only screen and (min-width: 641px) {
.seminarArea01 {
  margin:8em auto 0;
}
}
.seminarBlock01 {
  margin-bottom:4em;
}
.seminarBlock01 .semnrComtLnkArea{
  padding: 2em 0.5em 0.5em 0.5em;
  }
/* 講座説明スタイル */
.seminarBlock01 .mainBlock {
  line-height:2;
}
.seminarBlock01 .mainBlock p {
  margin-bottom:1em;
}
/* 順序（ul）無リスト */
.seminarBlock01 .mainBlock .unorderedList,
.seminarBlock02 .unorderedList{  
  padding: 0 1em 1em;
}
/* 順序（ul）無リスト > 中点 */
.seminarBlock01 .mainBlock .unorderedList.discLarge,
.seminarBlock02 .unorderedList.discLarge{
  padding: 0 0 1em;
}
.seminarBlock01 .mainBlock .unorderedList li,
.seminarBlock02 .unorderedList li{
  margin: 0 0 0.5em;
}
.seminarBlock01 .mainBlock .unorderedList li:last-of-type,
.seminarBlock02 .unorderedList li:last-of-type{
  margin: 0;
}
.seminarBlock01 .mainBlock .unorderedList.discLarge li,
.seminarBlock02 .unorderedList.discLarge li{
  padding: 0 0 0 1.5em;
  position: relative;
}
.seminarBlock01 .mainBlock .unorderedList.discLarge li:before,
.seminarBlock02 .unorderedList.discLarge li:before{
  content: "●";
  left: 0;
  position: absolute;  
  top: 0;
}
/* 順序（ol）有リスト */
.seminarBlock01 .mainBlock .orderList,
.seminarBlock02 .orderList{  
  padding: 0 1em 1em;
}
/* 順序（ol）有リスト > 英語大文字 */
.seminarBlock01 .mainBlock .orderList.upperAlpha,
.seminarBlock02 .orderList.upperAlpha{
  list-style-type: upper-alpha;
  padding: 0 1em 1em 1.4em;
}
.seminarBlock01 .mainBlock .orderList li,
.seminarBlock02 .orderList li{
  margin: 0 0 0.5em;
}
.seminarBlock01 .mainBlock .orderList li:last-of-type,
.seminarBlock02 .orderList li:last-of-type{
  margin: 0;
}
.seminarBlock01 .mainBlock p .underline {
  text-decoration: underline;
}
.seminarBlock01 .imageBlock {
	text-align:center;
}
/* 講座説明スタイル Fin */
@media only screen and (min-width: 641px) {
/* 講座説明スタイル */
.seminarBlock01 {
  letter-spacing:-0.4em;
}
.seminarBlock01 .semnrComtLnkArea{
  letter-spacing: normal;
  padding: 0.5em;
  }
.seminarBlock01 .imageBlock {
  letter-spacing:normal;
  vertical-align:top;
  display:inline-block;
  width:27%;
}
.seminarBlock01 .mainBlock {
  letter-spacing:normal;
  vertical-align:top;
  display:inline-block;
  width:70%;
  padding-right:3%;
  }
/* 順序（ul）無リスト */
.seminarBlock01 .mainBlock .unorderedList,
.seminarBlock02 .unorderedList {}
/* 順序（ol）有リスト */
.seminarBlock01 .mainBlock .orderList,
.seminarBlock02 .orderList {}
/* 順序（ol）有リスト > 英語大文字 */
.seminarBlock01 .mainBlock .orderList.upperAlpha,
.seminarBlock02 .orderList.upperAlpha{
  padding: 0 1em 1em 1.3em;
  }
.seminarBlock01 .mainBlock .orderList li,
.seminarBlock02 .orderList li{
  margin: 0;
  }
/* 講座説明スタイル Fin */
}
.seminarBlock02 {
  margin-bottom:2em;
}
.seminarBlock02 .twoColumnBox {
	margin-bottom:2em;
}
@media only screen and (min-width: 641px) {
.seminarBlock02 .twoColumnBox {
  letter-spacing:-0.4em;
}
.seminarBlock02 .twoColumn {
  letter-spacing:normal;
  vertical-align:top;
  display:inline-block;
}
.seminarBlock02 .w60per {  width:60%;}
.seminarBlock02 .w40per {  width:40%;}
}
.seminarBlock02Nte{
  font-size: 0.875em;
  line-height: 1.75;
  padding: 0.5em 0 0.5em 1em;
  text-indent: -1em;
  }
@media only screen and (min-width: 641px) {
.seminarBlock02Nte{
  font-size: 1em;
  line-height: 2;
  padding: 1em;
  }
}
/* 夏用 */
.seminarChildTitle1 {
  border-bottom:2px solid #0089d7;
  text-align:center;
  font-weight:bold;
  font-size:1.5em;
  padding-bottom:0.5em;
  margin-bottom:1em;
}
/* 冬用 */
.seminarChildTitle2 {
  border-bottom:2px solid #00cbfe;
  text-align:center;
  font-weight:bold;
  font-size:1.5em;
  padding-bottom:0.5em;
  margin-bottom:1em;
}

/* 春用 */
.seminarChildTitle3 {
  border-bottom:2px solid #00b9b7;
  text-align:center;
  font-weight:bold;
  font-size:1.5em;
  padding-bottom:0.5em;
  margin-bottom:1em;
}
.categoryLine {
  margin-bottom:0.5em;
}

@media only screen and (min-width: 641px) {
.categoryLine {
  text-align:center;
  letter-spacing:-0.4em;
}
}
/* 通常用・春用 */
.categoryLine dt {
	text-align:center;
  letter-spacing:normal;
  vertical-align:top;
  display:inline-block;
  width:3em;
  background-color:#fc749b;
  color:#fff;
  font-weight:bold;
  padding:0.5em;
  border-radius: 2px;
}
/*2019.11.06 add 冬用*/
.categoryLine dt.bgLightblue{
	background-color: #00cbfe;
}
/*2019.11.06 add 夏用*/
.categoryLine dt.bgYellow{
	background-color: #fefe00;
  color: #0070ba;
}
.categoryLine dd {
  margin-top:0.5em;
  font-weight:bold;
  letter-spacing:normal;
  text-align:left;
  vertical-align:top;
  display:inline-block;
}
.categoryLine dt + dd{
  margin-left:0.5em;
}

.categoryLine dd span {
 display:inline-block;
}
.categoryLine dd .date {  display:block;}
.categoryLine dd .date1 { min-width:2em; text-align:right;}
.categoryLine dd .date2 { min-width:2.1em; text-align:right;}
.categoryLine dd .date3 { min-width:3.1em; text-align:right;}
.categoryLine dd .time {  display:block;}
.categoryLine dd .title {  display:block;}
.categoryLine dd .title2 {  display:block;}
.categoryLine dd .link {  font-size:90%; display:block;}

@media only screen and (min-width: 641px) {
.categoryLine dd .date {  width:12em;/*width: 8em;*/ display:inline-block;}
.categoryLine dd .date.wAdd {  width:7.6em;}
.categoryLine dd .time {  width:10em; display:inline-block;}
.categoryLine dd .title {  width:11em; display:inline-block;}
.categoryLine dd .title2 {  width:15em; display:inline-block;}
.categoryLine dd .link {  width:10em; display:inline-block;}
}
.categoryLine dd .link a {
  padding-left: 10px;
  font-weight: bold;
  position: relative;
}

.categoryLine dd .link a::before{
  content: "";
  width: 6px;
  height: 12px;
  background-image: url(/images/sitemap_img_03.png);
  background-size: contain;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.categoryLine dd .link a:hover{text-decoration: underline;}

.categoryLine2 {
  margin-bottom:0.5em;
}

@media only screen and (min-width: 641px) {
.categoryLine2 {
  text-align:center;
  letter-spacing:-0.4em;
}
}
.categoryLine2 dt {
	text-align:left;
  letter-spacing:normal;
  vertical-align:top;
	display:inline-block;
  width:6.5em;
	background-image:url(seminar/images/img_dotline.jpg);
	background-position:right;
	background-repeat:repeat-x;
}
@media only screen and (min-width: 641px) {
.categoryLine2 dt {
  width:13.5em;
  }
}
.categoryLine2 dt .boldText {
	background-color:#fff;
	padding-right:0.5em;
}
.categoryLine2 dd {
  letter-spacing:normal;
  text-align:left;
  vertical-align:top;
  display:inline-block;
}
.categoryLine2 dd span {
 display:inline-block;
}
.categoryLine2 dd .date {  display:block;}
.categoryLine2 dd .date1 { min-width:2em; text-align:right;}
.categoryLine2 dd .date2 { min-width:2.1em; text-align:right;}
.categoryLine2 dd .date3 { min-width:3.1em; text-align:right;}
.categoryLine2 dd .time {  display:block;}
.categoryLine2 dd .title {  display:block;}
.categoryLine2 dd .title2 {  display:block;}
.categoryLine2 dd .link {  font-size:90%; display:block;}

@media only screen and (min-width: 641px) {
.categoryLine2 dd .date {  width:24em; display:inline-block;}
.categoryLine2 dd .time {  width:10em; display:inline-block;}
.categoryLine2 dd .title {  width:11em; display:inline-block;}
.categoryLine2 dd .title2 {  width:15em; display:inline-block;}
.categoryLine2 dd .link {  width:10em; display:inline-block;}
}
.categoryLine2 dd .link a {
  padding-left: 10px;
  font-weight: bold;
  position: relative;
}

.categoryLine2 dd .link a::before{
  content: "";
  width: 6px;
  height: 12px;
  background-image: url(/images/sitemap_img_03.png);
  background-size: contain;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.categoryLine2 dd .link a:hover{text-decoration: underline;}

.categoryLine3 {
  margin-bottom:0.5em;
	text-align:center;
}
.categoryLine3 span {
 display:inline-block;
}
.categoryLine3 .date {  display:block;}
.categoryLine3 .date1 { min-width:2em; text-align:right;}
.categoryLine3 .date2 { min-width:2.1em; text-align:right;}
.categoryLine3 .date3 { min-width:3.1em; text-align:right;}
.categoryLine3 .time {  display:block;}
.categoryLine3 .title {  display:block;}
.categoryLine3 .title2 {  display:block;}
.categoryLine3 .link {  font-size:90%; display:block;}

@media only screen and (min-width: 641px) {
.categoryLine3 .date {  display:inline-block;}
.categoryLine3 .time {  width:10em; display:inline-block;}
.categoryLine3 .title {  width:11em; display:inline-block;}
.categoryLine3 .title2 {  width:15em; display:inline-block;}
.categoryLine3 .link {  width:10em; display:inline-block;}
}

.categoryLine3 .link a {
  padding-left: 10px;
  font-weight: bold;
  position: relative;
}

.categoryLine3 .link a::before{
  content: "";
  width: 6px;
  height: 12px;
  background-image: url(/images/sitemap_img_03.png);
  background-size: contain;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.categoryLine3 .link a:hover{text-decoration: underline;}

/*.seminarBlock02 .circleDisc {
	margin-bottom:2em;
}
.pointList li,
.circleDisc li {
	padding-left:1.2em;
	position:relative;
	line-height:2;
}
.circleDisc li:before {
	content:"●";
	position:absolute;
	left:0;
	top:0;
}
.pointList li:before {
	content:"・";
	position:absolute;
	left:0;
	top:0;
}*/
.centerText {
	text-align:center;
}
.redText {
	color:#f00;
}
/* セミナー 塾生アンケート
-------------------------------------------------------------------------- */
.question_block {
  max-width:1020px;
	padding:0 1em;
  margin:0 auto 4em;
}
.seminarAncr{
  margin-top: -80px;
  padding-top: 80px;
}
@media only screen and (min-width: 641px) {
.question_block {
  margin:0 auto 4em;
}
.seminarAncr{
  margin-top: -100px;
  padding-top: 100px;
  }
}

      .question_box{
        width: 93%;
        margin: 0 auto 3rem;
      }
@media only screen and (min-width: 641px) {
.question_box{
  margin: 0 auto 5rem;
  }
}
      .question_box:last-of-type{        
        margin: 0 auto;
      }

      .question_cell{
        width: 50%;
        margin-bottom: 55px;
        box-sizing: border-box;
      }

        .question_cell:last-of-type{margin-bottom: 0;}

      .question_cell_inner{
        width: 98%;
        padding: 30px 35px;
        margin-right: 2%;
        text-align: justify;
        vertical-align: top;
        line-height: 3rem;
        border: 3px solid #0070c4;
        box-sizing: border-box;
        position: relative;
      }

        .question_cell:nth-of-type(2n+2) .question_cell_inner{
          margin-right: 0;
          margin-left: 2%;
        }

        .question_cell:nth-of-type(2){margin-top: 60px;}

        .question_name{
					padding:0 1em;
          height: 30px;
          font-size: 1.6rem;
          font-weight: bold;
          color: #fff;
          line-height: 30px;
          text-align: center;
          background-color: #0070c4;
          position: absolute;
          bottom: -15px;
          right: 40px;
        }
@media only screen and (max-width: 750px) {
	    .question_cell{
        width: 100%;
			}
        .question_cell:nth-of-type(2){margin-top: 0;}
}
@media only screen and (max-width: 480px) {
			.seminarChildTitle1 {
				font-size:5.4vw;
				line-height:normal;
			}
}

/* 2020 塾生アンケート追加 end */