@charset "UTF-8";
/**
 * トップページ用スタイル
 */
#main-wrap {
  padding-top: 0;
  overflow: hidden; }

/* ==========================================================================
   main
   ========================================================================== */
#switch-bg {
  
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  zoom: 1; }

.display-none {
  display: none; }

#inner-bg {
  max-width: 1143px;
  margin: 0 auto;
  position: relative;
  width: 100%; }

/*#top-mainttl{
	float:right;
	padding-top:percentage(100 / 1130);
	padding-bottom:percentage(212 / 1130);
	@include rsp-custom(450,1028);
	margin-right:percentage(63 / 960);
	
	img{
		height:auto;
		width:100%;
	}
}

#top-mainsub{
	background:url(img/main_sub.png) no-repeat left top;
	//background-size:100% auto;
	background-size:cover;
	@include hide-text;
	@include bgie8;
	@include rsp-custom(444,1028);
	height:percentage(84 / 473);
	position:absolute;
	right:percentage(63 / 960);
	top:percentage(289 / 473);
}*/
/* コース毎に画像を差し替え
   ========================================================================== */
#switch-bg.art {
  background: url(img/slide/bg_art.jpg) no-repeat center top; }

#switch-bg.history {
  background: url(img/slide/bg_history.jpg) no-repeat center top; }

#switch-bg.literary {
  background: url(img/slide/bg_literary.jpg) no-repeat center top; }

#switch-bg.japanese {
  background: url(img/slide/bg_japanese.jpg) no-repeat center top; }

#switch-bg.painting_jp {
  background: url(img/slide/bg_painting_jp.jpg) no-repeat center top; }

#switch-bg.painting {
  background: url(img/slide/bg_painting.jpg) no-repeat center top; }

#switch-bg.ceramic {
  background: url(img/slide/bg_ceramic.jpg) no-repeat center top; }

#switch-bg.dyeing {
  background: url(img/slide/bg_dyeing.jpg) no-repeat center top; }

#switch-bg.photo {
	background: url(../img/memories-top015.png) no-repeat center top;
	height: 0;
	padding-top: 36.31%;
	background-size: contain;
}
#switch-bg.photo_2 {
	background: url(../img/memories-topimg_01.gif) no-repeat center top;
    height: 0;
    padding-top: 14.03%;
    background-size: contain;
}
#switch-bg.photo_3 {
	background: url(../img/memories-topimg_02.jpg) no-repeat center top;
    height: 0;
    padding-top: 21.92%;
    background-size: contain;
}
#switch-bg.photo_4 {
	background: url(../img/memories-title01.gif) no-repeat center top;
    height: 0;
    padding-top: 8.15%;
    background-size: contain;
	margin-bottom:10px;
}
#switch-bg.photo_5 {
	background: url(../img/memories-title02.gif) no-repeat center top;
    height: 0;
    padding-top: 8.15%;
    background-size: contain;
	margin-bottom:10px;
}
#switch-bg.photo_6 {
	background: url(../img/memories-title03.gif) no-repeat center top;
    height: 0;
    padding-top: 8.15%;
    background-size: contain;
	margin-bottom:10px;
}
#switch-bg.photo_7 {
	background: url(../img/memories-info06.gif) no-repeat center top;
	height: 0px;
	padding-top: 19.9%;
	background-size: contain;
}

#switch-bg.infodesign {
  background: url(img/slide/bg_infodesign.jpg) no-repeat center top; }

#switch-bg.architecture {
  background: url(img/slide/bg_architecture.jpg) no-repeat center top; }

#switch-bg.landscape {
  background: url(img/slide/bg_landscape.jpg) no-repeat center top; }

#switch-bg.space {
  background: url(img/slide/bg_space.jpg) no-repeat center top; }

@media screen and (max-width: 767px) {
  #switch-bg {
    margin-bottom: -90%;
    padding: 0 4.5132743363% 100%; }

  #inner-bg {
    padding-top: 9.59%; }

  #top-mainsub {
    background-position: left -91px;
    background-size: 222px 230px;
    float: right;
    height: 39.6875%;
    height: 127px;
    right: 5.3125%;
    top: inherit;
    width: 161px;
    position: relative; }

  #switch-bg.art {
    background: url(img/slide/bg_art_sp.jpg) no-repeat center top;
    background-size: 100% auto; }

  #switch-bg.history {
    background: url(img/slide/bg_history_sp.jpg) no-repeat center top;
    background-size: 100% auto; }

  #switch-bg.literary {
    background: url(img/slide/bg_literary_sp.jpg) no-repeat center top;
    background-size: 100% auto; }

  #switch-bg.japanese {
    background: url(img/slide/bg_japanese_sp.jpg) no-repeat center top;
    background-size: 100% auto; }

  #switch-bg.painting_jp {
    background: url(img/slide/bg_painting_jp_sp.jpg) no-repeat center top;
    background-size: 100% auto; }

  #switch-bg.painting {
    background: url(img/slide/bg_painting_sp.jpg) no-repeat center top;
    background-size: 100% auto; }

  #switch-bg.ceramic {
    background: url(img/slide/bg_ceramic_sp.jpg) no-repeat center top;
    background-size: 100% auto; }

  #switch-bg.dyeing {
    background: url(img/slide/bg_dyeing_sp.jpg) no-repeat center top;
    background-size: 100% auto; }

#switch-bg.photo {
    background: url(../img/memories-top08_s.png) no-repeat center top;
    height: 0;
    padding-top: 71.87%;
    background-size: contain; }
	
#switch-bg.photo_2 {
	background: url(../img/memories-topimg_s01.gif) no-repeat center top;
    height: 0;
    background-size: contain;
}

#switch-bg.photo_3 {
	background: url(../img/memories-topimg_s02.jpg) no-repeat center top;
    height: 0;
    background-size: contain;
}
  #switch-bg.infodesign {
    background: url(img/slide/bg_infodesign_sp.jpg) no-repeat center top;
    background-size: 100% auto; }

  #switch-bg.architecture {
    background: url(img/slide/bg_architecture_sp.jpg) no-repeat center top;
    background-size: 100% auto; }

  #switch-bg.landscape {
    background: url(img/slide/bg_landscape_sp.jpg) no-repeat center top;
    background-size: 100% auto; }

  #switch-bg.space {
    background: url(img/slide/bg_space_sp.jpg) no-repeat center top;
    background-size: 100% auto; } }
@media screen and (min-width: 767px) {
  #switch-bg {
     } }
/* ==========================================================================
   スライドショー
   ========================================================================== */
.display-none {
  display: none; }

/* ==========================================================================
   最新情報
   ========================================================================== */
#top-news {
  position: relative;
  z-index: 2; }

#news-ttl,
.news-list,
.news-listtext {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  *display: inline;
  *zoom: 1; }

#news-ttl {
  background: url(img/top_news_ttl.gif) no-repeat left center;
  background-size: 100% auto;
  font-size: 107.1428571429%;
  margin-right: 2.8125%;
  padding: 10px 0 10px 32px;
  font-family: "FOT-筑紫ゴシック Pro B", "TsukuGoPr5-B";
  letter-spacing: .1em;
  width: 96px; }

.news-listtext {
  font-size: 85.7142857143%;
  text-align: center;
  width: 9.77%; }
  .news-listtext a {
    text-decoration: none; }

.top-attention {
  margin-bottom: 34px; }
  .top-attention .news-list {
    color: #d64848;
    font-weight: bold; }
    .top-attention .news-list a {
      color: #d64848 !important; }

@media screen and (max-width: 767px) {
  .border-box {
    padding: 0; }

  .top-attention {
    margin-bottom: -15px; }
    .top-attention .border-box {
      margin-bottom: 0; }
    .top-attention .news-list {
      border-bottom: none; }
      .top-attention .news-list li {
        margin-top: 0;
        padding-top: 13px; }
      .top-attention .news-list li:first-child {
        border: none; }
      .top-attention .news-list a:after {
        background: url(img/sp_arrow_attention.png) no-repeat left top;
        background-size: 7px 12px;
        top: 10%; }

  .news-box {
    margin-top: 28px; }
    .news-box .news-list li {
      position: relative;
      margin-top: 0; }
      .news-box .news-list li a:after {
        top: -10%;
        display: none; }
      .news-box .news-list li:after {
        background: url(img/sp_arrow_list.png) no-repeat left top;
        background-size: 7px 12px;
        content: "";
        display: block;
        height: 12px;
        position: absolute;
        right: 10px;
        top: 40%;
        width: 7px; }

  #top-news {
    background-color: #FFF;
    margin-left: 17px;
    margin-right: 17px; }

  #news-ttl {
    background: url(img/sp_top_news_ttl.gif) no-repeat left center;
    background-size: 16px 12px;
    -ms-behavior: url(/t/common/js/lib/backgroundsize.min.htc);
    margin-left: 18px;
    padding: 10px 0 10px 21px; }

  .news-list,
  .news-listtext {
    display: block;
    width: 100%; }

  .news-listtext {
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-top: 17px; }
    .news-listtext a {
      display: block;
      font-weight: bold;
      padding-bottom: 10px;
      padding-top: 10px; }
      .news-listtext a:before {
        background: url(img/sp_arrow_news.gif) no-repeat left top;
        background-size: 16px 14px;
        content: '';
        display: inline-block;
        height: 14px;
        margin-right: 5px;
        vertical-align: middle;
        width: 16px; }

  .ie8 .news-listtext a {
    position: relative; }
    .ie8 .news-listtext a:before {
      background: none;
      content: '>';
      height: auto;
      width: auto; }

  #shutsuganBox {
    background: url(img/bg_shutsugan.gif) repeat right center;
    font-family: "FOT-筑紫ゴシック Pro B", "TsukuGoPr5-B";
    letter-spacing: .1em;
    margin-top: 21px;
    width: 100% !important; }
    #shutsuganBox p {
      padding-top: 9px;
      padding-bottom: 9px;
      color: #fff;
      font-size: 107.1428571429%;
      text-align: center;
      line-height: 1.40;
      -webkit-text-shadow: 0px 0px 3px #da628e;
      -moz-text-shadow: 0px 0px 3px #da628e;
      -ms-text-shadow: 0px 0px 3px #da628e;
      -o-text-shadow: 0px 0px 3px #da628e;
      text-shadow: 0px 0px 3px #da628e;
      *position: relative;
      *zoom: 1; }
    #shutsuganBox a {
      text-decoration: none;
      background: url(img/sp_arrow_btn01.png) no-repeat right center;
      display: block;
      background-size: 7px 12px;
      margin-right: 8px; }
    #shutsuganBox span {
      font-size: 180%; } }
@media screen and (min-width: 767px) {
  #top-news {
    background: url(img/intro_head_top.png) no-repeat center top;
    background-size: 100% auto;
    margin: 0 auto;
    max-width: 1055px;
    min-width: 1028px;
    padding-top: 40px;
    width: 92.3%; }

  .news-list {
    border-right: 1px solid #ddd;
    width: 75%; }
    .news-list li {
      padding-left: 8.5em;
      padding-right: 2.1875%;
      position: relative; }
    .news-list .news-date {
      position: absolute;
      left: 0;
      top: 2px; }

  .news-listtext {
    font-family: "FOT-筑紫ゴシック Pr5 M", "TsukuGoPr5-M";
    letter-spacing: .15em; }
    .news-listtext a {
      background: url(img/arrow_btn02.png) no-repeat right center;
      padding: 2px 8px 2px 0; }

  .top-attention {
    margin-top: -34px; }
    .top-attention .news-list {
      width: 100%;
      border-right: none;
      color: #d64848;
      font-weight: bold; }
      .top-attention .news-list a {
        color: #d64848; }
      .top-attention .news-list li {
        padding-left: 0em; }

  #shutsuganBox a {
    position: absolute;
    top: -80px;
    right: 34px;
    z-index: 100;
    width: 184px;
    height: 184px;
    border-radius: 92px;
    background: url(img/bg_shutsugan.gif) no-repeat right center;
    font-family: "FOT-筑紫ゴシック Pro B", "TsukuGoPr5-B";
    letter-spacing: .1em;
    padding-top: 39px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    *position: relative;
    *zoom: 1; }
    #shutsuganBox a p {
      color: #fff;
      font-size: 107.1428571429%;
      text-align: center;
      line-height: 1.60;
      -webkit-text-shadow: 0px 0px 3px #da628e;
      -moz-text-shadow: 0px 0px 3px #da628e;
      -ms-text-shadow: 0px 0px 3px #da628e;
      -o-text-shadow: 0px 0px 3px #da628e;
      text-shadow: 0px 0px 3px #da628e;
      *position: relative;
      *zoom: 1; }
    #shutsuganBox a span {
      font-size: 180%; }

  #shutsuganBox a:hover {
    background: url(img/bg_shutsugan_on.gif) no-repeat right center; } }
/* ==========================================================================
   2カラムバナー
   ========================================================================== */
#top-bnrlist li {
  position: relative; }
  #top-bnrlist li span {
    position: absolute;
    top: -13px;
    right: -13px; }
  #top-bnrlist li span#bnr_shutsugan_hosoku {
    position: absolute;
    top: -18px;
    right: 16px; }

@media screen and (max-width: 767px) {
  #top-bnrlist {
    margin-top: 21px; }
    #top-bnrlist li {
      display: block;
      float: none !important;
      margin-top: 21px; }
      #top-bnrlist li:first-child {
        margin-top: 0; }
    #top-bnrlist img {
      height: auto;
      width: 100%; }
    #top-bnrlist li span img {
      width: 80px;
      height: auto; }
    #top-bnrlist li span#bnr_shutsugan_hosoku {
      right: 0px;
      top: -8px; }
    #top-bnrlist li span#bnr_shutsugan_hosoku img {
      width: 70px; }
    #top-bnrlist li span#bnr_briefing_feb_hosoku {
      position: absolute;
      top: 65px;
      right: 10px; } }
@media screen and (min-width: 767px) {
  .top-bnrlist-wrapper {
    /*padding-top:27px;*/
    margin-top: -15px; }

  #top-bnrlist li {
    background: url(img/bnr_shadow.gif) no-repeat center bottom;
    margin-left: 8px;
    padding-bottom: 11px;
    width: 468px;
    position: relative;
    margin-top: 40px;
    height: 210px;
    /*a img{
    	transition:all 0.2s ease;
    	-webkit-transition:all 0.2s ease;
    	-moz-transition:all 0.2s ease;
    }
    a:hover img{	
    	@include css3(box-shadow, 0px 2px 6px rgba(0,0,0,.40));
    	
    }
    a:hover span img{
    	box-shadow:none;
    }
    */ }
    #top-bnrlist li:first-child {
      margin-left: 0; }
    #top-bnrlist li span#bnr_briefing_feb_hosoku {
      position: absolute;
      top: 85px;
      right: 3px; }
      #top-bnrlist li span#bnr_briefing_feb_hosoku img {
        width: 106px;
        height: 69px; } }
/* ==========================================================================
   スライド
   ========================================================================== */
.bx-wrapper {
  margin: 0 auto; }

.bx-wrapper .bx-viewport {
  border: none;
  box-shadow: none !important;
  left: 0; }

.bx-wrapper .bx-viewport .slide-box {
  background-color: #F00; }

.bx-wrapper .bx-prev {
  background: url(img/slide_arrow.png) no-repeat 0px top; }
  .bx-wrapper .bx-prev:hover {
    background-position: 0px top; }

.bx-wrapper .bx-next {
  background: url(img/slide_arrow.png) no-repeat 0px -50px; }
  .bx-wrapper .bx-next:hover {
    background-position: 0px -50px; }

.bx-wrapper .bx-pager {
  padding-top: 10px; }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  bottom: 0px; }

.bx-wrapper .bx-pager.bx-default-pager a {
  border-radius: 0;
  background-color: #ddd;
  height: 5px;
  width: 65px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: #519cba; }

@media screen and (min-width: 767px) {
  .bx-wrapper .bx-controls-direction a {
    height: 50px !important;
    width: 50px !important;
    margin-top: 0 !Important;
    position: absolute;
    text-indent: -9999px;
    top: 43% !important;
    z-index: 9999; }

  .bx-wrapper .bx-prev {
    left: -24px; }

  .bx-wrapper .bx-next {
    right: -21px; } }
/* ==========================================================================
   社会人の「学びたい」に応える、 柔軟な学び方。
   ========================================================================== */
.top-fullttl {
	font-family: "小塚明朝 Pr6N B";
	letter-spacing: 0.15em;
	text-align: center;
	/*line-height:1.167;*/
  line-height: 1.6;
	color: #4E9749;
}
  .top-fullttl a {
    text-decoration: none; }

.about-sttl {
	color: #000000;
	font-family: "noto", sans-serif;
	letter-spacing: 0.1em;
	padding-bottom: 10px;
	padding-top: 12px;
	text-align: center;
	line-height: 1.167;
	margin-top: 15px;
}

.about-sttl.color01 {
	font-size: 20px;
	line-height: 30px;
	margin:0 3px 20px;
}

.about-sttl.color02 {
  background-color: #1dafec; }

.about-sttl.color03 {
  background-color: #a6b7c1; }

.more-ttl {
  font-family: "小塚明朝 Pr6N B";
  letter-spacing: .1em;
  text-align: center; }

.more-ttl.color02 {
  color: #1dafec; }

.more-ttl.color03 {
  color: #a6b7c1; }

.more-copy {
  font-size: 114.2857142857%;
  text-align: center; }

.course-parents,
.more-child {
  background-color: #FFF; }

.course-ttlwrap {
  text-align: center; }

.course-copy {
  font-family: "FOT-筑紫ゴシック Pr5 M", "TsukuGoPr5-M";
  letter-spacing: .15em; }

.more-copy {
  font-family: "FOT-筑紫ゴシック Pr5 M", "TsukuGoPr5-M";
  letter-spacing: .15em; }
  .more-copy strong {
    font-family: "FOT-筑紫ゴシック Pro E", "TsukuGoPr5-E";
    letter-spacing: .1em; }

#top-about .course-listwrap li, #top-about .link-tenohira, #top-about .link-qualification {
  font-family: "FOT-筑紫ゴシック Pro B", "TsukuGoPr5-B";
  letter-spacing: .1em; }

@media screen and (max-width: 767px) {
  #top-about .course-listwrap li, #top-about .link-tenohira, #top-about .link-qualification {
    font-family: "FOT-筑紫ゴシック Pro B", "TsukuGoPr5-B";
    letter-spacing: .1em;
    letter-spacing: .1em !important; }

  #top-about {
    padding-bottom: 0px;
    }

  .top-fullttl {
    font-size: 157.1428571429%; }
  #about-ttl {
    margin-bottom: 17px; }

  .about-sttl {
    font-size: 92.8571428571%; }
  .course-copy {
    font-size: 100%; }
  .course-sttl {
    background-color: #dcebf1;
    font-size: 85.7142857143%;
    margin-top: 15px;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: center; }
  .course-stylewrap {
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px; }

  #course-tsushin {
    padding-top: 15px; }
    #course-tsushin .course-ttlwrap img {
      height: auto;
      width: 150px; }

  .course-listwrap ul {
    letter-spacing: -.40em;
    display: inline; }
  .course-listwrap li {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    font-size: 92.8571428571%;
    width: 50%;
    line-height: 2.0 !important; }
  .course-listwrap .sp-ls {
    letter-spacing: -.15em; }
  .course-listwrap a {
    display: block;
    padding: 8px 0 8px 10px;
    text-decoration: none;
    position: relative; }
    .course-listwrap a:after {
      background: url(img/sp_arrow_list.png) no-repeat left top;
      background-size: 7px 12px;
      content: '';
      display: block;
      height: 12px;
      position: absolute;
      right: 10px;
      top: 16px;
      width: 7px; }

  .ie8 .course-listwrap a {
    background: url(img/sp_arrow_list.png) no-repeat 95% center;
    background-size: 7px 12px;
    -ms-behavior: url(/t/common/js/lib/backgroundsize.min.htc); }
    .ie8 .course-listwrap a:after {
      display: none; }

  #course-tsushin .course-stylewrap {
    padding-top: 14px;
    text-align: center; }
    #course-tsushin .course-stylewrap img {
      height: 111px;
      width: 286px; }

  #course-tenohira {
    padding-top: 30px; }
    #course-tenohira .course-ttlwrap img {
      height: auto;
      width: 174px; }
    #course-tenohira .course-stylewrap {
      padding-top: 14px;
      text-align: center; }
      #course-tenohira .course-stylewrap img {
        height: 111px;
        width: 210px; }

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

  .tenohira-ex {
    padding-top: 13px; }
    .tenohira-ex dt,
    .tenohira-ex dd {
      font-size: 71.4285714286%; }
    .tenohira-ex dd {
      float: left;
      width: 50%; }

  .about-more {
    margin-top: 27px; }

  .more-ttl {
    font-size: 128.5714285714%;
    line-height: 1.3; }
    .more-ttl .inner-more {
      font-size: 72.2222222222%; }
  .more-copy {
    font-size: 92.8571428571%; }
  #more-newcourse .more-child {
    padding-top: 17px; }

  .newcourse-list {
    margin-top: 13px; }
    .newcourse-list ul {
      border-top: 1px solid #ddd;
      letter-spacing: -.40em; }
      .newcourse-list ul:last-child {
        border-top: none; }
    .newcourse-list li {
      border-bottom: 1px solid #ddd;
      border-right: 1px solid #ddd;
      display: inline-block;
      font-size: 92.8571428571%;
      letter-spacing: normal;
      width: 50%;
      line-height: 2.0 !important; }
      .newcourse-list li:nth-child(even) {
        border-right: none; }
      .newcourse-list li a {
        display: block;
        padding: 8px 0 8px 17px;
        text-decoration: none;
        position: relative; }
        .newcourse-list li a:after {
          background: url(img/sp_arrow_list.png) no-repeat left top;
          background-size: 7px 12px;
          content: '';
          display: block;
          height: 12px;
          position: absolute;
          right: 10px;
          top: 16px;
          width: 7px; }

  .ie8 .newcourse-list a {
    background: url(img/sp_arrow_list.png) no-repeat 95% center;
    background-size: 7px 12px;
    -ms-behavior: url(/t/common/js/lib/backgroundsize.min.htc); }
    .ie8 .newcourse-list a:after {
      display: none; }

  #more-learn {
    margin-top: 27px; }
    #more-learn a {
      display: block;
      padding: 8px 0 8px 17px;
      text-decoration: none;
      position: relative; }
      #more-learn a:after {
        background: url(img/sp_arrow_list.png) no-repeat left top;
        background-size: 7px 12px;
        content: '';
        display: block;
        height: 12px;
        position: absolute;
        right: 10px;
        top: 40%;
        width: 7px; }
    #more-learn .more-child {
      border-bottom: 1px solid #ddd; }

  .ie8 #more-learn a {
    background: url(img/sp_arrow_list.png) no-repeat 95% center;
    background-size: 7px 12px;
    -ms-behavior: url(/t/common/js/lib/backgroundsize.min.htc); }
    .ie8 #more-learn a:after {
      display: none; }  
	   }
@media screen and (min-width: 1601px) {
#top-about1 {
	margin: 0px 0 40px 0;
	padding-bottom: 150px;
	padding-top: 0px;
	width:100%;
}
#top-about4 {
	margin: 0px 0 40px 0;
	padding-top: 0px;
	width:100%;
}
#top-about8 {
	margin: 150px 0 120px 0;
	padding-top: 0px;
	width:100%;
	height: auto;
	overflow:hidden;
}
#top-about3 {
	margin: 20px 0 1px 0;
	padding-bottom: 25px;
	padding-top: 20px;
	background-image: url(../img/biz-topimg04.jpg);
	background-repeat: no-repeat;
	border-bottom: 1px solid #ccc;
	width:100%;
	height: 0;
	padding-top: 33.5%;
	background-size: contain;
	position:relative;
}	
#top-about3 .inner {
	margin: 10px auto 50px auto;
	width: 70%;
	position:absolute;
	top:0;
	left:15%;
}
	
#top-about2 {
	margin: 20px 0 40px 0;
	padding-bottom: 25px;
	padding-top: 20px;
	background-image: url(../img/biz-back01.gif);
	background-repeat: repeat;
	border-bottom: 1px solid #ccc;
	width:100%;
}
#top-about7 {
	background-image: url(../img/biz-topimg09.jpg);
	background-repeat:no-repeat;
	width:100%;
}		
#top-about6 {
	margin: 20px 0 40px 0;
	padding-bottom: 25px;
	padding-top: 0px;
	background-image: url(../img/biz-back01.gif);
	background-repeat: repeat;
	border-bottom: 1px solid #ccc;
	width:100%;
}	
}
@media screen and (min-width: 1241px) and (max-width: 1600px) {
#top-about3 {
	margin: 20px 0 40px 0;
	padding-bottom: 20px;
	padding-top: 20px;
}
#top-about8 {
	margin: 100px 0 100px 0;
	padding-top: 0px;
	width:100%;
	height: auto;
	overflow:hidden;
}	
}
@media screen and (min-width: 981px) and (max-width: 1240px) {
#top-about3 {
	margin: 20px 0 40px 0;
	padding-bottom: 70px;
	padding-top: 20px;
}	
#top-about8 {
	margin: 50px 0 50px 0;
	padding-top: 0px;
	width:100%;
	height: auto;
	overflow:hidden;
}
}
@media screen and (min-width: 768px) and (max-width: 980px) {
#top-about3 {
	margin: 20px 0 40px 0;
	padding-bottom: 55px;
	padding-top: 20px;
}	
#top-about8 {
	margin: 50px 0 50px 0;
	padding-top: 0px;
	width:100%;
	height: auto;
	overflow:hidden;
}
}
@media screen and (min-width: 481px) and (max-width: 767px){
#top-about3 {
	margin: 20px 0 0px 0;
	padding-bottom: 20px;
	padding-top: 500px;
}	
.back-box2 {
	background-color: #fff;
}
#top-about8 {
	margin: 50px 0 50px 0;
	padding-top: 0px;
	width:100%;
	height: auto;
	overflow:hidden;
}
}
@media screen and (max-width: 480px){
#top-about3 {
	margin: 20px 0 0px 0;
	padding-bottom: 20px;
	padding-top: 0px;
}	
.back-box2 {
	background-color: #fff;
}
#top-about8 {
	margin: 0px 0 50px 0;
	padding-top: 0px;
	width:100%;
	height: auto;
	overflow:hidden;
}
}
@media screen and (min-width: 768px) {
  #top-about {
	margin: 40px 0px 30px 0px;
	padding-bottom: 30px;
	padding-top: 20px;
}
#top-about2 {
	margin: 120px 0 120px 0;
	padding: 50 0;
}
#top-about6 {
	margin: 30px 0 0px 0;
	padding-bottom: 0px;
}
#top-about4 {
	margin: 30px 0 30px 0;
	padding-bottom: 0px;
	padding-top: 0px;
}
#top-about5 {
	margin: 100px 0px 30px 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
  .top-fullttl {
	font-size: 285.7142857143%;
	margin-bottom: 20px;
}
  #about-ttl {
    margin-bottom: 34px; }

  .about-sttl {
    font-size: 128.5714285714%; }
  .about-sttl-option {
	letter-spacing: -0.4em;
	margin-bottom: -23px;
	padding-right: 21px;
	position: relative;
	top: -70px;
	text-align: right;
}
    .about-sttl-option li {
      background-color: #eef5f8;
      border-radius: 3px;
      color: #519cba;
      display: inline-block;
      letter-spacing: normal;
      vertical-align: middle;
      *display: inline;
      *zoom: 1;
      font-weight: bold;
      margin-left: 8px;
      padding: 0 12px; }

  .course-parents {
	padding-left: 0px;
	padding-top: 0px;
}

  #course-tsushin {
    border-right: 1px dotted #bfbfbf;
    float: left;
    width: 556px; }
    #course-tsushin .course-cont {
      border-left: 1px dotted #bfbfbf; }

  #course-tenohira {
    float: left;
    width: 359px; }

  .course-stylewrap {
    padding-bottom: 32px; }

  .course-ttlwrap {
    border-bottom: 1px dotted #bfbfbf;
    height: 108px; }

  .course-ttl.course-ttl-shumatsu {
    margin-bottom: 9px; }

  .course-ttl.course-ttl-tenohira {
    margin-bottom: 3px; }

  .course-copy {
    font-size: 128.5714285714%; }
  .course-sttl {
    padding-left: 19px;
    padding-right: 19px; }
    .course-sttl span {
      display: block;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      zoom: 1;
      overflow: hidden;
      width: 15px; }

  .course-sttl.course-sttl01 span {
    background: url(img/course_sttl01.gif) no-repeat left top;
    height: 80px; }

  .course-sttl.course-sttl02 span {
    background: url(img/course_sttl02.gif) no-repeat left top;
    height: 97px; }

  #course-tsushin .course-sttl,
  #course-tsushin .course-cont {
    display: table-cell;
    vertical-align: middle; }
  #course-tsushin .course-cont {
    width: 498px; }

  .about-dotline {
    border-bottom: 1px dotted #bfbfbf; }

  .course-listwrap {
    padding-bottom: 21px;
    padding-top: 15px; }
    .course-listwrap ul {
      float: left;
      padding-left: 21px;
      padding-bottom: 1px; }
    .course-listwrap .left-list {
      width: 150px; }
    .course-listwrap .center-list {
      width: 106px; }
    .course-listwrap .right-list {
      width: 222px; }
    .course-listwrap li {
      line-height: 1.8;
      position: relative;
      padding-left: 22px;
      /*&:before{
      	content:'■';
      	@include inblock;
      	font-size:18px;
      	margin-right:6px;
      	vertical-align:middle;
      }*/
      /*&:after{
      	background:url(img/arrow_btn01.png) no-repeat left top;
      	content:'';
      	display:block;
      	height:5px;
      	position:absolute;
      	left:8px;
      	top:8px;
      	width:3px;
      }*/
      /*a{
      	background:url(img/arrow_btn01.png) no-repeat left center;
      	font-weight:bold;
      	text-decoration:none;
      	position:relative;
      	left:-17px;
      	padding-left:14px;
      }*/ }
      .course-listwrap li:after {
        background: url(img/arrow_btn01.png) no-repeat center center;
        content: '';
        display: block;
        height: 15px;
        position: absolute;
        left: 0;
        top: 5px;
        width: 15px; }
      .course-listwrap li a {
        font-weight: bold;
        text-decoration: none; }
    .course-listwrap .icon-course01:after {
      background-color: #e9544f; }
    .course-listwrap .icon-course02:after {
      background-color: #6979a2; }
    .course-listwrap .icon-course03:after {
      background-color: #006b86; }
    .course-listwrap .icon-course04:after {
      background-color: #b93a2c; }
    .course-listwrap .icon-course05:after {
      background-color: #f29839; }
    .course-listwrap .icon-course06:after {
      background-color: #3db26f; }
    .course-listwrap .icon-course07:after {
      background-color: #918187; }
    .course-listwrap .icon-course08:after {
      background-color: #b978b0; }
    .course-listwrap .icon-course09:after {
      background-color: #00968b; }
    .course-listwrap .icon-course10:after {
      background-color: #2f8fbb; }
    .course-listwrap .icon-course11:after {
      background-color: #c49744; }
    .course-listwrap .icon-course12:after {
      background-color: #89bb5e; }
    .course-listwrap .icon-course13:after {
      background-color: #ee858c; }

  .course-stylewrap {
    padding-top: 20px;
    text-align: center; }

  #course-tenohira .course-listwrap {
    height: 162px;
    padding-left: 21px; }

  .tenohira-ttl {
    line-height: 1.8;
    margin-bottom: 10px;
    position: relative;
    padding-left: 22px;
    /*&:before{
    	content:'■';
    	color:#63bdc6;
    	@include inblock;
    	font-size:18px;
    	margin-right:6px;
    	vertical-align:middle;
    }*/
    /*&:after{
    	background:url(img/arrow_btn01.png) no-repeat left top;
    	content:'';
    	display:block;
    	height:5px;
    	position:absolute;
    	left:8px;
    	top:14px;
    	width:3px;
    }*/ }
    .tenohira-ttl:after {
      background: #63bdc6 url(img/arrow_btn01.png) no-repeat center center;
      content: '';
      display: block;
      height: 15px;
      position: absolute;
      left: 0;
      top: 5px;
      width: 15px; }
    .tenohira-ttl a {
      font-weight: bold;
      text-decoration: none; }

  .tenohira-ex {
    border: 2px solid #e5e3e3;
    border-radius: 2px;
    padding: 14px 0 14px 15px;
    position: relative; }
    .tenohira-ex dt,
    .tenohira-ex dd {
      font-size: 85.7142857143%; }
    .tenohira-ex dt {
      position: absolute;
      left: 0;
      top: -1em;
      text-align: center;
      width: 100%; }
    .tenohira-ex span {
      background-color: #FFF;
      padding: 0 4px; }
    .tenohira-ex dd {
      float: left;
      line-height: 1.3;
      width: 100px; }
      .tenohira-ex dd:nth-child(even) {
        width: 180px; }
    .tenohira-ex .even {
      width: 180px; }

  .about-more {
    margin-top: 34px; }

  .more-child {
    margin-top: 5px;
    padding-bottom: 10px;
    padding-top: 16px;
    position: relative; }
    .more-child .option02-wrap {
      position: absolute;
      right: 21px;
      top: -36px; }
    .more-child a {
      text-decoration: none; }

  .about-sttl-option02 {
    background-color: #FFF;
    border: 2px solid #1dafec;
    border-radius: 48px;
    color: #1dafec;
    display: table-cell;
    font-size: 92.8571428571%;
    height: 96px;
    text-align: center;
    line-height: 1.38;
    vertical-align: middle;
    width: 96px; }
    .about-sttl-option02 span {
      height: 96px;
      width: 96px; }
    .about-sttl-option02 em {
      display: block;
      font-style: normal;
      font-weight: bold;
      font-size: 138.4615384615%; }

  #more-newcourse {
    float: left;
    width: 562px; }

  .more-ttl {
    font-size: 157.1428571429%;
    line-height: 1.3; }
    .more-ttl .inner-more {
      font-size: 72.7272727273%; }
  #more-learn {
	float: right;
	width: 544px;
}
    #more-learn .more-ttl:after {
      background: url(img/icon_blank_learn.gif) no-repeat left top;
      content: '';
      display: inline-block;
      vertical-align: top;
      height: 7px;
      width: 9px; }

  .newcourse-list {
    border-top: 1px dotted #bfbfbf;
    margin: 13px 24px 0;
    padding-left: 10px;
    padding-top: 21px; }
    .newcourse-list h5,
    .newcourse-list ul {
      display: table-cell; }
    .newcourse-list h5 {
      font-size: 85.7142857143%;
      padding-left: 40px;
      padding-right: 13px; }
    .newcourse-list li {
      line-height: 1.3;
      margin-bottom: 10px;
      padding-left: 22px;
      position: relative;
      /*&:before{
      	content:'■';
      	color:#1dafec;
      	@include inblock;
      	font-size:18px;
      	margin-right:6px;
      	vertical-align:middle;
      }*/ }
      .newcourse-list li:after {
        background: #1dafec url(img/arrow_btn01.png) no-repeat center center;
        content: '';
        display: block;
        height: 15px;
        position: absolute;
        left: 0;
        top: 1px;
        width: 15px; }
      .newcourse-list li a {
        font-weight: bold;
        text-decoration: none; } }
/* ==========================================================================
   京都造形だからできる「学び」があります。
   ========================================================================== */
#top-learn {
	padding-top: 0px;
}

.top-fullcopy {
	font-family: "noto", sans-serif;
	letter-spacing: 0.15em;
	text-align: center;
	line-height: 1.5;
	margin: 10px auto;
	padding-bottom:10px;
	font-size:18px;
	width:80%;
	border-bottom:solid 1px #c8022f;
}

.feature-box {
  position: relative; }
  .feature-box dt {
    left: -13px;
    position: absolute;
    top: 0; }

.icon-feature {
	color: #000;
	display: table-cell;
	font-family: "noto", sans-serif;
	letter-spacing: 0.15em;
	text-align: center;
	vertical-align: middle;
	font-size: 25px;
	font-weight: bold;
}

.feature-sttl {
	font-family: "noto", sans-serif;
	letter-spacing: 0.15em;
	line-height: 1.4;
	text-align: left;
}
  .feature-sttl .feature-color {
	color: #FF6600;
}

.feature-summary {
	background-color: #FFF;
	font-size: 110%;
	display: block;
	line-height: 1.69;
	position: relative;
}

.feature-img {
  display: block; }

@media screen and (max-width: 767px) {
#top-about {
	margin: 0px 0 0px 0;
	padding-bottom: 0px;
	padding-top: 0px;
}
  #top-learn {
    border-bottom: 0px solid #f4f4f4;
    padding-top: 0px; }

  .top-fullcopy {
    font-size: 92.8571428571%;
    margin-bottom: 21px; }
  .feature-box {
    padding-bottom: 0px;
    padding-top: 0px; }
.feature-box_right {
    padding-bottom: 0px;
    padding-top: 0px; 
	position: relative;}
    .feature-box dt {
      left: 17px;
      top: 26px; }

  .icon-feature {
    border-radius: 24px;
    font-size: 85.7142857143%;
    height: 49px;
    width: 49px; }
  .feature-sttl {
    font-size: 157.1428571429%; }
  .feature-img {
    margin-bottom: 13px;
    text-align: center; }
    .feature-img img {
      height: auto;
      width: 248px; }

  #feature01-summary .feature-img {
    margin-bottom: -75px; }

  .spbtn-full {
    margin-bottom: 34px;
    margin-top: 17px; }

  .spbtn-detail {
    background-color: #eee;
    border-radius: 3px;
    border: 1px solid #ddd;
    display: block;
    font-weight: bold;
    text-align: center;
    text-decoration: none; }
    .spbtn-detail span {
      display: inline-block;
      padding: 13px 0 13px 24px; } }
@media screen and (min-width: 1601px){
.feature-box .feature-sttl {
	font-size: 170%;
	margin-bottom: 10px;
	padding-top: 30px;
	margin-left: 30px;
	color: #FF6600;
}
.feature-box {
	display: table-cell;
	padding:0 50px 0 0;
}
.feature-box_right {
	display: table-cell;
	padding:0 0;
	position: relative;
}
}
@media screen and (min-width: 1401px) and (max-width: 1600px){
.feature-box .feature-sttl {
	font-size: 140%;
	margin-bottom: 10px;
	padding-top: 30px;
	margin-left: 30px;
	color: #FF6600;
}
.feature-box {
	display: table-cell;
	padding:0 25px 0 25px;
}
.feature-box_right {
	display: table-cell;
	padding:0 25px 0 25px;
	position: relative;
}
}
@media screen and (min-width: 1241px) and (max-width: 1400px) {
.feature-box .feature-sttl {
	font-size: 120%;
	margin-bottom: 10px;
	padding-top: 30px;
	margin-left: 30px;
	color: #FF6600;
}
.feature-box {
	display: table-cell;
	padding:0 25px 0 25px;
}
.feature-box_right {
	display: table-cell;
	padding:0 25px 0 25px;
	position: relative;
}
}
@media screen and (min-width: 981px) and (max-width: 1240px) {
.feature-box .feature-sttl {
	font-size: 140%;
	margin-bottom: 10px;
	padding-top: 30px;
	margin-left: 30px;
	color: #FF6600;
}
.feature-box {
	display: table-cell;
	padding:0 15px 0 15px;
}
.feature-box_right {
	display: table-cell;
	padding:0 15px 0 15px;
	position: relative;
}
}
@media screen and (min-width: 768px) and (max-width: 980px) {
.feature-box .feature-sttl {
	font-size: 120%;
	margin-bottom: 10px;
	padding-top: 30px;
	margin-left: 30px;
	color: #FF6600;
}
.feature-box {
	display: table-cell;
	padding:0 10px 0 10px;
}
.feature-box_right {
	display: table-cell;
	padding:0 10px 0 10px;
	position: relative;
}
}
@media screen and (max-width: 767px) {
.feature-box .feature-sttl {
	font-size: 120%;
	margin-bottom: 10px;
	padding-top: 30px;
	margin-left: 30px;
	color: #FF6600;
}	
}
@media screen and (min-width: 767px) {
  #top-learn {
    padding-bottom: 30px; }

  .top-fullcopy {
	font-size: 140%;
	margin-bottom: 40px;
}
.feature-box_center {
	display: table-cell;
	padding:20px 100px;
}
  .icon-feature {
    height: 64px;
    width: 64px; }
  .feature-box dd {
	padding-top: 0px;
}
  .feature-box dd {
    position: relative; }
  .feature-box .feature-img {
	left: 2px;
	top: 1px;
	margin:10px 30px 0px 30px;
}
.feature-box .feature-img a:hover img{
	opacity:0.6;  
	filter: alpha(opacity=60);  
	-ms-filter: "alpha( opacity=60 )";  
	background: #fff;
}
  .feature-box .feature-summary {
	margin-left: 30px;
	margin-right: 38px;
	margin-bottom: 30px;
}
 a:hover img.filter90{
	opacity:0.9;  
	filter: alpha(opacity=90);  
	-ms-filter: "alpha( opacity=90 )";  
	background: #fff;
}
 a:hover img.filter60{
	opacity:0.6;  
	filter: alpha(opacity=60);  
	-ms-filter: "alpha( opacity=60 )";  
	
 }
}
@media screen and (max-width: 767px) {
.feature-box .feature-sttl {
	font-size: 20px;
	margin-bottom: 8px;
	/*padding-left:70px;*/
    padding-top: 30px;
}

}

/* ==========================================================================
   ========================================================================== */
.tuition-box {
  text-align: center; }

.tuition-price {
  font-family: "FOT-筑紫ゴシック Pro B", "TsukuGoPr5-B";
  letter-spacing: .1em;
  font-size: 114.2857142857%;
  line-height: 1.2; }
  .tuition-price .price {
    font-size: 350%;
    padding-left: 5px;
    padding-right: 5px; }
  .tuition-price .units {
    font-size: 150%; }

.tuition-info {
  line-height: 1.5;
  color: #777; }

@media screen and (max-width: 767px) {
  #top-tuition {
    padding-top: 0px; }

  .tuition-box {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: -1px;
    padding-bottom: 20px;
    padding-top: 20px; }

  #tuition-tsushin dt img {
    height: auto;
    width: 100%; }

  #tuition-tenohira dt img {
    height: auto;
    width: 100%; }

  .tuition-price {
    font-size: 85.7142857143%;
    line-height: 1.2; }
    .tuition-price .price {
      font-size: 283.3333333333%;
      padding-left: 5px;
      padding-right: 5px; }
    .tuition-price .units {
      font-size: 141.6666666667%; }

  .tuition-info {
    font-size: 71.4285714286%;
    margin-top: 14px; } }
@media screen and (min-width: 767px) {
  #top-tuition {
	border-top: 1px solid #ddd;
	padding-top: 20px;
	padding-bottom: 0px;
}

.tuition-box {
	display: table-cell;
	width: 100%;
}
.tuition-box2 {
	display: table-cell;
	width: 500px;
	position:relative;
	padding-left: 10px;
	float: left;
}
.tuition-box2 .link-img{
	position:absolute;
	left: 177px;
	top: 173px;
}
.tuition-box3 {
	display: table-cell;
	width: 1140px;
	position:relative;
	padding-top:0px;
}
.tuition-box3 dt{
	position:absolute;
	left: 56px;
	top: 117px;
	width: 1000px;
	font-size: 16px;
}
.tuition-box3 .link-img{
	position:absolute;
	left: -33px;
	top: 8px;
}
.tuition-box3 .link-img2{
	position:absolute;
	left: 889px;
	top: 130px;
}
.tuition-box3 a:hover.link-img2  {
	opacity:0.9;  
	filter: alpha(opacity=90);  
	-ms-filter: "alpha( opacity=90 )";  
	background: #fff;
}
.p_box3{
	position:absolute;
	left: 56px;
	top: 117px;
	width: 1000px;
	font-size: 16px;
}
  .line-right {
    border-right: 1px dotted #bfbfbf; }

  .tuition-box:last-child {
    border-right: none; }
  .tuition-box dt {
    margin-bottom: 20px; }

  .tuition-info {
    margin-top: 30px; } }
/* ==========================================================================
   資料請求はこちら
   ========================================================================== */
#top-contact a {
  text-decoration: none !important; }
#top-contact .inner-cont {
  position: relative; }

#inner-contact dt,
#inner-contact dd {
  display: table-cell;
  vertical-align: middle; }
#inner-contact dd {
  font-family: "FOT-筑紫ゴシック Pr5 R", "TsukuGoPr5-R";
  letter-spacing: .15em;
  line-height: 1.5; }
  #inner-contact dd .contact-link {
    font-family: "FOT-筑紫明朝 Pr6 L","TsukuMinPr6-L";
    letter-spacing: .15em; }

@media screen and (max-width: 767px) {
  #top-contact {
    background: url(img/sp_contact_bg.jpg) no-repeat left top;
    background-size: 100% auto;
    -ms-behavior: url(/t/common/js/lib/backgroundsize.min.htc);
    margin-bottom: 40px; }

  #inner-contact {
    background: url(img/sp_arrow_btn02.png) no-repeat 95% center;
    background-size: 7px 12px;
    -ms-behavior: url(/t/common/js/lib/backgroundsize.min.htc);
    padding: 22px 17px 23px; }
    #inner-contact dt {
      font-size: 150%;
      padding-right: 18px; }
      #inner-contact dt img {
        height: 93px;
        width: 93px; }
    #inner-contact .contact-link {
      font-size: 150%; } }

@media screen and (min-width: 767px) {
  #top-contact {
    background: url(img/contact_bg.jpg) no-repeat left top;
    background-size: 100% 100%;
    -ms-behavior: url(/t/common/js/lib/backgroundsize.min.htc);
    margin-bottom: 120px;
    padding-bottom: 53px;
    padding-top: 56px; }

  #inner-contact {
    background-color: #FFF;
    -webkit-box-shadow: 0 3px 5px rgba(4, 0, 0, 0.075);
    -moz-box-shadow: 0 3px 5px rgba(4, 0, 0, 0.075);
    -ms-box-shadow: 0 3px 5px rgba(4, 0, 0, 0.075);
    -o-box-shadow: 0 3px 5px rgba(4, 0, 0, 0.075);
    box-shadow: 0 3px 5px rgba(4, 0, 0, 0.075);
    *position: relative;
    *zoom: 1;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    border-radius: 2px;
    padding: 22px 0 23px 53px;
    /*.arrow-square{
    	&:before{
    		top:-11px;
    	}
    }
    
    .child-square:before{
    	top:-13px;
    }*/ }
    #inner-contact dt {
      padding-right: 84px; }
    #inner-contact dd {
      text-align: left;
      font-size: 114.2857142857%; }
    #inner-contact .contact-link {
      font-size: 250%;
      padding-bottom: 10px; }
    #inner-contact .pc-item {
      color: #212121 !important;
      font-size: 88%;
      display: block;
      margin-top: 7px;
      padding-left: 25px;
      margin-bottom: 7px; }

  a:hover #inner-contact {
    -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.25);
    *position: relative;
    *zoom: 1; }

  .contact-photo {
    position: absolute;
    right: 35px;
    top: 26px; } }
/* ==========================================================================
   KUAD PRODUCTION／facebook
   ========================================================================== */
.top-2columncopy {
  font-family: "FOT-筑紫明朝 Pr6 L","TsukuMinPr6-L";
  letter-spacing: .15em;
  text-align: center; }

.production-update dt {
  margin-bottom: 3px;
  line-height: 1.65 !important; }
.production-update dd {
  position: relative;
  line-height: 1.65 !important; }
  .production-update dd a {
    font-weight: bold;
    /*padding-bottom:5px;*/ }
.production-update .photo_thumbnail {
  position: absolute;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  overflow: hidden;
  z-index: 1; }
.production-update .photo_thumbnail img {
  position: absolute; }

@media screen and (max-width: 767px) {
  #production-ttl {
    text-align: center; }
    #production-ttl img {
      height: auto;
      width: 192px; }

  .top-2columncopy {
    font-size: 92.8571428571%;
    line-height: 1.5;
    margin-top: 10px; }
  .production-update {
    border-bottom: 1px solid #ddd;
    margin-top: 15px;
    min-height: 70px;
    height: auto !important;
    height: 70px; }
    .production-update dt, .production-update dd {
      padding-left: 101px; }
    .production-update dt {
      border-top: 1px solid #ddd;
      color: #999;
      font-size: 78.5714285714%;
      line-height: 1.1;
      padding-top: 22px; }
    .production-update dd {
      background: url(img/sp_arrow_list.png) no-repeat 95% 15%;
      background-size: 7px 12px;
      -ms-behavior: url(/t/common/js/lib/backgroundsize.min.htc);
      font-size: 71.4285714286%;
      line-height: 1.4;
      padding-bottom: 18px;
      padding-right: 30px; }
      .production-update dd a {
        font-size: 130%; }
    .production-update .news-detail {
      display: inline-block;
      padding-top: 2px; }
    .production-update .photo_thumbnail {
      left: 17px;
      top: -21px;
      width: 70px;
      /*トリミング後の横幅*/
      height: 70px;
      /*トリミング後の縦幅*/ }
    .production-update .photo_thumbnail img {
      max-width: 200px !important;
      max-height: 200px !important; }

  .btn-facebook {
    background-color: #345691;
    font-size: 85.7142857143%;
    text-align: center; }
    .btn-facebook a {
      color: #FFF;
      display: block;
      padding-bottom: 10px;
      padding-top: 10px;
      text-decoration: none; } }
@media screen and (min-width: 767px) {
  .inner-top-2column {
    display: table-cell;
    width: 425px; }

  .top-2columncopy {
    font-size: 114.2857142857%;
    margin-top: 10px;
    margin-bottom: 26px; }
  #top-production {
    margin-right: 111px; }

  .production-update {
    border-bottom: 1px dotted #ddd;
    min-height: 101px;
    height: auto !important;
    height: 101px; }
    .production-update dt, .production-update dd {
      padding-left: 131px; }
    .production-update dt {
      border-top: 1px dotted #ddd;
      font-size: 85.7142857143%;
      padding-top: 22px; }
    .production-update dd {
      font-size: 85.7142857143%;
      line-height: 1.75;
      padding-bottom: 22px; }
      .production-update dd a {
        font-size: 125%; }
    .production-update .news-detail {
      margin-top: 5px;
      display: block; }
    .production-update .photo_thumbnail {
      top: -26px;
      left: 0;
      width: 110px;
      /*トリミング後の横幅*/
      height: 101px;
      /*トリミング後の縦幅*/ }
    .production-update .photo_thumbnail img {
      max-width: 200px !important;
      max-height: 200px !important; }

  #top-facebook {
    padding-left: 110px; } }
/* ==========================================================================
   for IE8
   ========================================================================== */
.pie {
  position: relative;
  zoom: 1; }

/* pagetop
   
   ========================================================================== */
@media screen and (max-width: 767px) {
  #page-top {
    margin-top: 0px; } }