@charset "UTF-8";

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

  非表示

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

.main_nav,
.pc_br,
.pc_logo{
	display: none;
}


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

  タグ

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

body {
  font-size: 1.5rem;
_overflow: hidden;
}
h1 {
}
h2 {
}
h3 {
}


@media (min-width: 767px) {
  body {}
  h1 {}
  h2 {}
  h3 {}
  h4 {}
  h5 {}
}


.txt_left_sm {
  text-align: left;
}
.txt_center_sp {
  text-align: center;
}

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

  grid

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

@media (min-width: 768px) {
  .row{
    display: flex;
    justify-content: space-between;
  }
  .column { margin-left: 4%; }
  .column:first-child { margin-left: 0; }
  .one.column { width: 4.66666666667%; }
  .two.column { width: 13.3333333333%; }
  .three.column { width: 22%; }
  .four.column { width: 30.6666666667%; }
  .five.column { width: 39.3333333333%; }
  .six.column { width: 48%; }
  .seven.column { width: 56.6666666667%; }
  .eight.column { width: 65.3333333333%; }
  .nine.column { width: 74.0%; }
  .ten.column { width: 82.6666666667%; }
  .eleven.column { width: 91.3333333333%; }
  .twelve.column { width: 100%; }
}

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

  スマホナビ

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

/* call_nav */
.call_nav {
  display: inline-block;
  padding: .1em .5em;
  font-size: 1rem;
  position: absolute;
  right: 16px;
  top: 12px;
  color: #6c6c6c;
  font-weight: 600;
  letter-spacing: .06em;
}
.call_nav:hover {
  cursor: pointer;
}
.call_nav i {
  font-size: 2.4rem;
}
.call_nav:hover, .call_nav:hover i {
  color: #ffdc4a;
  transition: all 0.5s ease;
  zoom: 1;
}

/* #drawer */
#drawer {
  position: fixed;
  top: 0;
  right: -280px;
  width: 280px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  background: #d81000;
  color: #000;
  z-index: 9999;
  background: url(./images/bg_page_title.gif) center center repeat;
}
#drwawer_main_nav {
}
#drwawer_sns_nav img {
  vertical-align: middle;
  margin-right: 1em;
}
#drawer.open {
  -webkit-transform: translate3d(-280px, 0, 0);
  -moz-transform: translate3d(-280px, 0, 0);
  transform: translate3d(-280px, 0, 0);
  box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
}
.lte-ie9 #wrap.open {
  right: 280px;
}
.lte-ie9 #wrap.open {
  right: 0;
}
.drawer-close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #ffcc00;
  line-height: 1;
  width: 1.0em;
  font-size: 2.0rem;
  text-align: center;
  cursor: pointer;
  font-weight: 600;
}
#drawer a {
  font-size: 1.6rem;
  color: #fff;
  line-height: 48px;
  text-decoration: none;
}
#drawer a:before {
  content: "\f054";
  display: inline-block;
  color: #ffcc00;
  font-family: 'FontAwesome';
  margin: 0 1em;
}
#drawer a:hover {
  color: #ffcc00;
}
#drawer nav + p {
  padding-left: 1.5em;
}
#drawer nav + p a {
  display: block;
  font-size: 1.8rem;
  color: #40a8cc;
  letter-spacing: .1em;
  padding-left: 0em;
}
#drawer nav + p a:hover {
  color: #ffcc00;
}
#drawer nav + p a i {
  margin-right: .3em;
}
#drawer nav {
  position: static;
}
#drawer ul {
  list-style: none;
  margin: 0 auto;
  padding: 2.4em 0 0;
}
#drawer ul span:after {
  content: "\f107";
  color: #fb89b0;
  display: inline-block;
  margin: 0 .4em;
  font-family: 'FontAwesome';
  float: right;
  font-size: 1.6rem;
  line-height: 40px;
}

#drawer ul li {
  list-style: none;
  margin: 0;
  clear: both;
}
#drawer nav ul li {
  padding: 0em 1.2em 1em;
  display: block;
}
#drawer ul ul {
  list-style: none;
  margin: .5em auto 1em;
  border-bottom: none;
  padding: 0 0 1em;
}

#drawer nav ul ul li {
  padding: .2em .2em 0 0;
}
#drawer nav ul ul li:after {
  display: block;
  width: 100%;
  height: 1px;
  margin: .5em 0;
  background: rgba(251,137,176,.5);
  content: "";
}
#drawer ul ul li a {
  text-decoration: none;
  font-size: 1.5rem;
  line-height: 1.8em;
  padding-left: 0;
}
#drawer ul ul li a:before {
  content: "\f105";
  color: #fb89b0;
  display: inline-block;
  margin: 0 .4em 0 .8em;
  font-family: 'FontAwesome';
}
#drawer footer {
  background: none;
}
#drawer footer a {
  padding-left: .5em;
  font-size: 1rem;
  line-height: 1.4em;
}
#drawer footer ul {
  padding: 0 0;
  margin-bottom: 2em;
}
#drawer footer nav.footer_nav ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-top: 1px solid rgba(122,106,86,.5);
}
#drawer footer nav.footer_nav ul li {
  flex: 0 0 50%;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 50%;
  max-width: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box ;
  -moz-box-sizing: border-box ;
  text-align: center;
  padding: 0;
  border-bottom: 1px solid rgba(122,106,86,.5);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#drawer footer nav.footer_nav ul li:nth-child(1) {
  flex: 0 0 100%;
  flex-basis: 100%;
  max-width: 100%;
}
#drawer footer nav.footer_nav ul li:nth-child(even) {
  border-right: 1px solid rgba(122,106,86,.5);
}
#drawer footer nav.footer_nav ul li:hover {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#drawer footer nav.footer_nav ul li a {
  display: block;
  padding: 1.5em .2em;
  font-size: 1.1rem;
}

#drawer .accordion span{
  cursor: pointer;
  margin: 0;
}
#drawer .accordion span.new{
  margin-left: .5em;
}
#drawer .accordion ul{
  display:none;
  margin: 0;
}



#drawer nav.global_nav {
  margin-top: 3.2em;
}
#drawer nav.global_nav ul {
  position: static;
  display: flex;
  width: 100%;
  height: auto;
  padding: 0;
  border-top: 1px solid rgba(122,106,86,.5);
  border-right: none;
}
#drawer nav.global_nav ul li {
  flex: 0 0 50%;
  flex-basis:50%;
  max-width:50%;
  padding: 0;
  border-bottom: 1px solid rgba(122,106,86,.5);
}
#drawer nav.global_nav ul li:nth-child(even) {
  border-left: 1px solid rgba(122,106,86,.5);
}
#drawer nav.global_nav ul li a {
  line-height: 1.8em;
}

@media (min-width: 768px) {
  #drawer nav.global_nav ul {
    display: none;
  }
}

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

  ヘッダー

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

/* header */
#index header.fixed h1 {
  display: block;
}
header.fixed {
  background: #fff;
}
header {
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  padding: 0;
  height: 68px;
  box-shadow: 0px 0px 10px rgba(0,0,0,.25);
}
header .container{
  position:relative;
}

header h1 {
  text-align: left;
  padding: 0 1em 0;
  margin: -.15em 0 0;
}
header h1 img {
  width: 110px;
  transition: 0.5s all ease;
}
header.fixed .fixheader {
  display: block;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  box-shadow: 0px 0px 15px rgba(0,0,0,.3);
  -webkit-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out;
  background: #fff;
}
@media (min-width: 768px) {
  header.fixed .fixheader {
    position: fixed;
    margin-top: 0px;
    padding-bottom: 0px;
_height: 52px;
    z-index: 9990;
    transition: 0.5s all ease;
  }
}

header .lang_list ul,
header nav.sns_nav {
  display: none;
}

/* global_nav */
nav.global_nav ul {
  display: none;
}
@media (min-width: 768px) {
  nav.global_nav ul {
    display: flex;
    position: absolute;
    top: 0;
    right: 80px;
    height: 64px;
    border-right: 1px solid rgba(0,0,0,.3);
  }
  nav.global_nav ul li a { font-size: 1.2rem; }
  nav.global_nav ul li i { font-size: 1.8rem; }
  }
}

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

  フッターバナー

---------------------------------*/
footer .footer_bnr ul li {
  flex: 0 0 98%;
  flex-basis: 98%;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 98%;
  margin: 1%;
}
footer .footer_bnr ul li + li {
  margin-top: .3em;
}
@media (min-width: 480px) {
  footer .footer_bnr ul li {
    flex: 0 0 31.33333333%;
    flex-basis: 31.33333333%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 31.33333333%;
    margin: 1%;
  }
}

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

  フッター

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

/* footer_nav */
footer section + section .container nav.footer_nav {
  display: none;
}

/* footer_info */
footer.site_footer .footer_info img,
footer.site_footer .footer_info img + p {
_display: block;
}
footer.site_footer .footer_info ul li {
  display: inline-block;
}
footer.site_footer .footer_info ul li {
  margin-left: .3em;
  margin-right: .3em;
}
@media (max-width: 480px) {
  footer.site_footer .footer_info {
    font-size: 84%;
  }
}

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

  コンテナ

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

/* contents */
main {
_padding-top: 64px;
}

.container {
  padding: 0 15px;
}

section {
  margin-top: -3em;
  padding-top: 3em;
  padding-bottom: 1em;
}



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

  汎用クラス

---------------------------------*/
/* .more_info */
.more_info.btn a {
  font-size: 1.2rem;
}
.more_info.btn.sm-btn a {
  font-size: 1.2rem;
}

.more_info.btn a + a {
  margin-top: .5em;
}

/* ページトップへ戻る */
.pagetop {
  bottom: .5em;
  right: .5em;
  margin-bottom: 0;
}

/* topic_path */
.topic_path {
  margin-left: 0px;
  margin: 0em auto .8em;
}
.lower-page .topic_path {
  margin: 3em auto .8em;
}
.topic_path li {
  font-size: 1.2rem;
}


/* content_list */
.content_list ul li figure + div {
  padding: 0 3em;
}
.content_list ul li h4 {
  margin-top: 0;
}
@media (max-width: 480px) {
  .content_list ul li h4 {
    border-bottom: none;
  }
}
@media (min-width: 767px) {
  .content_list ul li {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 3em;
    padding: 0;
  }
  .content_list ul li figure,
  .content_list ul li figure + div {
    flex: 0 0 50%;
    flex-grow:0;
    flex-shrink:0;
    flex-basis:50%;
    max-width:50%;
    box-sizing: border-box;
    -webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    vertical-align: middle;
  }
  .content_list ul li figure {
    overflow: hidden;
    margin: 0;
  }
  .content_list ul li figure + div {
    padding: 0 3%;
  }
  .content_list ul li:nth-child(even) figure,
  .content_list.revs ul li:nth-child(odd) figure,
  .content_list.revs ul li:nth-child(even) figure + div {
    order: 2;
  }
  .content_list ul li:nth-child(even) figure + div,
  .content_list.revs ul li:nth-child(odd) figure + div,
  .content_list.revs ul li:nth-child(even) figure {
    order: 1;
  }
}

/* hero */
.hero {
  margin-top: 66px;
}
.hero .page_title h2 {
  padding: 1.2em 0;
}

/* col_list */
.col_list li {
  padding: 1em 0;
  border-bottom: #ddd 1px solid;
}
.col_list li:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* txt_list */
.txt_list ul li,
.txt_list dl dt {
  float: none;
}
.txt_list dl dd  {
  padding: 0em 0 .5em 0;
}
.txt_list.detail_list dl dd  {
  padding: 0em 0 1em 0em;
}
@media (min-width: 767px) {
  .txt_list dl dt {
    margin-right: 1em;
    float: left;
  }
  .txt_list dl dd  {
    padding: 0em 0 .5em 8em;
  }
}

/* map_box */
.map_box {
  width: 84%;
  height: 320px;
}
.map_box iframe {
  width: 100%;
  height: 100%;
}

/* contact_form */
h2.form_title {
  font-size: 1.8rem;
}
.contact_form_wrap{
  font-size: 1.4rem;
}
.contact_form_table th,
.contact_form_table td{
  display:block;
}
.contact_form_table th{
  text-align:left;
  margin-bottom:.5em;
  padding-top: 1em;
  border-bottom: none;
}
.contact_form_table td{
  margin-bottom:0;
  padding-bottom:1em;
  border-bottom: #ccc 1px dotted;
}
.contact_form_table thead{
  display: none;
}

.form_check_list{
  list-style: none;
  padding-left: 2em;
}

.form_check_list li{
  line-height:44px;
  display: block;
  flex: 0 0 38%;
  flex-grow:0;
  flex-shrink:0;
  flex-basis:38%;
  max-width:38%;
  margin: 1em 0;
  line-height: 1.2em;
  text-indent: -1.5em;
  padding-left: 12%;
}
.form_check_list li label{
  margin:0;
}

/* list_box */
.txt_list.dl_list h5 {
  font-size: 1.6rem;
}
.txt_list.dl_list h4 {
  margin-top: 2em;
}
.list_box.txt_list dl dd {
  padding: 0em 0 1em 0em;
}
.list_box dl dd p,
.list_box dl dd a {
  font-size: .9em;
  padding: .4em 0;
}
.list_box ul.list_s.list_2 li,
.list_box ul.list_s.list_3 li,
.list_box ol.list_s.list_2 li,
.list_box ol.list_s.list_3 li,
.list_box dl.list_s.list_2 dd {
  flex: 0 0 98%;
  flex-grow:0;
  flex-shrink:0;
  flex-basis:98%;
  max-width:98%;
}
@media (min-width: 767px) {
  .list_box.txt_list dl dd {
    padding: 0em 0 1em 6em;
  }
  .list_box.txt_list.head_l dl dd {
    padding: 0em 0 1em 9em;
  }
  .list_box dl dd {
    font-size: .9em;
  }
  .list_box ul.list_s.list_2 li,
  .list_box ol.list_s.list_2 li {
    flex: 0 0 48%;
    flex-basis:48%;
    max-width:48%;
  }
  .list_box ul.list_s.list_3 li,
  .list_box ol.list_s.list_3 li {
    flex: 0 0 31.33333333%;
    flex-basis:31.33333333%;
    max-width:31.33333333%;
  }
}

ul.list_box.list_image_s li {
  flex: 0 0 48%;
  flex-grow:0;
  flex-shrink:0;
  flex-basis:48%;
  max-width:48%;
  padding: 0 2% 1%;
}
ul.list_box.list_image_s.keidai_list li:nth-child(1) {
  flex: 0 0 98%;
  flex-basis: 98%;
  max-width: 98%;
}
ul.list_box.list_image_s figure + p {
  text-align: left;
}
@media (min-width: 767px) {
  ul.list_box.list_image_s li {
    flex: 0 0 31.33333333%;
    flex-basis:31.33333333%;
    max-width:31.33333333%;
    padding: 0 1% 1%;
  }
  ul.list_box.list_image_s.keidai_list li:nth-child(1),
  ul.list_box.list_image_s.keidai_list li:nth-child(2) {
    flex: 0 0 48%;
    flex-basis: 48%;
    max-width: 48%;
  }
}

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

  トップページ

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

/* ===== スライダー ===== */
.slider_wrap {
  margin-top: 64px;
}
.slider_wrap .slide_ft_bnr ul {
  margin-top: 2%;
}
.slider_wrap .slide_ft_bnr ul li {
  flex: 0 0 33.33333333%;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.slider_wrap .slide_ft_bnr ul li a {
  font-size: 0.9rem;
_background: #f5f1de;
  margin: 1%;
  border: 1px solid rgba(122,106,87,.6);
}
@media (min-width: 480px) {
  .slider_wrap .slide_ft_bnr ul li a {
    font-size: 1.1rem;
  }
}
@media (min-width: 768px) {
  .slider_wrap .slide_ft_bnr ul {
    margin-top: .5em;
  }
  .slider_wrap .slide_ft_bnr ul li a {
    font-size: 1.3rem;
    background: #fff;
    margin: 2%;
    border: 1px solid rgba(122,106,87,.6);
  }
}
@media (max-width: 768px) {
  .slider_wrap {
    overflow: hidden;
  }
  .slider_wrap .slide_ft_bnr ul li a i {
    display: block;
    font-size: 3.2rem;
    margin-right: 0;
  }
}

/* ===== swiper ===== */
.swiper-container .swiper-slide .swiper-slide-content {
  font-size: 2rem;
}
@media (min-width: 768px) {
  .swiper-container .swiper-slide .swiper-slide-content {
    font-size: 2.4rem;
  }
}

/* ===== トピックス バナー ===== */
.topics_bnr ul {
  margin-top: 2%;
}
.topics_bnr ul li {
  flex: 0 0 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.topics_bnr ul li a {
  font-size: 0.9rem;
  margin: 2% 1%;
  padding: 1.5em 1em;
  border: 1px solid rgba(122,106,87,.6);
}
@media (min-width: 480px) {
  .topics_bnr ul li a {
    font-size: 1.1rem;
  }
}
@media (min-width: 768px) {
  .topics_bnr ul {
    margin-top: 0;
  }
  .topics_bnr ul li {
    flex: 0 0 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .topics_bnr ul li a {
    font-size: 1.2rem;
    text-align: left;
    text-indent: .2em;
    margin: 2%;
    border: 1px solid rgba(122,106,87,.6);
  }
  .topics_bnr ul li a i {
    width: 1.2em;
  }
}
@media (max-width: 767px) {
  .topics_bnr ul li a i {
    display: block;
    font-size: 3.2rem;
    margin-right: 0;
  }
}

/* ===== トピックス/タブメニュー ===== */
.tab_area label {
  font-size:1.2rem;
}
.tab_panel ul li span.news_date {
  margin-right: 1em;
}
.tab_panel ul li span.news_date + span.news_category {
  font-size: 1.1rem;
  margin-bottom: 1em;
}
@media (min-width: 480px) {
  .tab_area label {
    font-size: 1.3rem;
  }
  .tab_panel ul li span.news_date + span.news_category {
    min-width: 8em;
  }
}

/*=============== BLOG / 学科紹介 ===============*/

/* course_list */
.course_list ul li {
  flex: 0 0 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.course_list ul li h3 {
  bottom: 1.8em;
  left: -.4em;
  font-size: 88%;
  padding: .5em .5em;
}
.course_list ul li h3 small {
  font-size: 0.6rem;
}
.course_list ul li span.course_category {
  font-size: 1.1rem;
}
@media (min-width: 480px) {
  .course_list ul li span.course_category {
    min-width: 8em;
    font-size: 1.3rem;
  }
}

/*お知らせ*/
.archiver{
	display: block;
	padding: 1em;
}

/* about */
.relation_list ul li {
  flex: 0 0 98%;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 98%;
  max-width: 570px;
  margin: 1% auto;
}

/* keidai */
.keidai_map {
}
.keidai_map h3 {
  font-size: 180%;
}
.keidai_map h3 span:first-child {
  margin-right: 0;
}
@media (min-width: 480px) {
  .keidai_map h3 span:first-child {
    margin-right: 1em;
  }
}
@media (min-width: 767px) {
  .keidai_map {
    min-height: 22em;
  }
  .keidai_map h3 {
    font-size: 200%;
    position: absolute;
    top: 0;
    right: 0;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode:vertical-rl;
    text-align: left;
    letter-spacing: .2em;
    text-shadow:
      white 2px 0px,  white -2px 0px,
      white 0px -2px, white 0px 2px,
      white 2px 2px , white -2px 2px,
      white 2px -2px, white -2px -2px,
      white 1px 2px,  white -1px 2px,
      white 1px -2px, white -1px -2px,
      white 2px 1px,  white -2px 1px,
      white 2px -1px, white -2px -1px;
  }
}

/* kitoh */
.inq_box h3,
.inq_box h3 + div {
  flex: 0 0 100%;
  flex-basis: 100%;
  max-width: 100%;
}
.inq_box h3 + div a[href^="tel:"] {
  font-size: 120%;
}
@media (max-width: 767px) {
	.yakudoshi_box{
		margin-bottom:1em;
	}
	.yakudoshi_list{
		display:flex;
		flex-wrap: wrap;
	}
	.yakudoshi_list li{
		width: 50%;
		text-align: center;
	}
	.houiyoke_list{
		display:flex;
		flex-wrap: wrap;
		margin-bottom: 1em;
	}
	.houiyoke_list li{
		width: 33%;
		text-align: center;
		font-size: 1.4rem;
	}
}
@media (max-width: 480px) {
	.yakudoshi_list li{
		width: 100%;
		font-size: 1.6rem;
	}
	.houiyoke_list li{
		width: 50%;
		font-size: 1.6rem;
	}
}

@media (min-width: 480px) {
  .inq_box h3 {
    flex: 0 0 40%;
    flex-basis: 40%;
    max-width: 40%;
  }
  .inq_box h3 + div {
    flex: 0 0 60%;
    flex-basis: 60%;
    max-width: 60%;
  }
  .inq_box h3 + div a[href^="tel:"] {
    font-size: 200%;
  }
}

/* access */
.access_map.detail {
  margin-top: 1em;
}
.access_map.detail:before {
  content: "";
  position: absolute;
  top: -48px;
  left: 50%;
  margin-left: -26px;
  border: 24px solid transparent;
  border-bottom: 24px solid #FFF;
  z-index: 2;
}
.access_map.detail:after {
  content: "";
  position: absolute;
  top: -53px;
  left: 50%;
  margin-left: -28px;
  border: 26px solid transparent;
  border-bottom: 26px solid #555;
  z-index: 1;
}
@media (min-width: 767px) {
  .access_map.detail:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -48px;
    margin-top: -24px;
    border: 24px solid transparent;
    border-right: 24px solid #FFF;
    z-index: 2;
  }
  .access_map.detail:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -53px;
    margin-top: -26px;
    border: 26px solid transparent;
    border-right: 26px solid #555;
    z-index: 1;
  }
}

/*=============== sticky_nav ===============*/
.sticky_nav {
  position: fixed;
  bottom: 0;
  left: 0;
  text-align: center;
}
.sticky_nav a {
  font-size: 1.4rem;
  letter-spacing: 0;
  padding: .8em 1.2em;
}