#informationarea{}
#informationarea a{text-decoration:none; color:#000}
#informationarea >section{width:1020px; margin:0 auto 80px}
.sponly{display:none}
@media screen and (max-width:768px){.sponly{display:block}
  #informationarea >section{width:100% !important; margin:0 auto 25%}
}

#informationarea{margin:auto auto 0}

/*
information_swich
--------------------------------------------------------*/
#information_swich{}
#information_swich h2{margin-top: 30px; font-size:30px; border-bottom:1px #000 solid; padding:0 0 13px; text-align:left; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; font-weight:bold; font-style:normal !important}
#information_swich .shop_area{margin: 1em auto 0.5em;text-align: left;font-size: 120%;font-weight: bold;}
.information_swich_ul{display:flex; justify-content:flex-start;gap: 0 2rem;}
.information_swich_li{width:29.0%; text-align:center}
.information_swich_li.current{}
.information_swich_li > a > span{display:block; padding:14px 0 12px; margin-right:3%; font-size:21px; font-weight:bold; border:solid 1px #000; position:relative}
.information_swich_li > a > span:hover{
  cursor:pointer;
}
/* >>*/
.information_swich_li > a > span::before, 
.information_swich_li > a > span::after{content:""; width:6px; height:6px; bottom:0; margin:auto; border-top:1px solid #000; border-right:1px solid #000; -webkit-transform:rotate(135deg); transform:rotate(135deg); position:absolute; right:9%; top:0em}

.information_swich_li > a > span::after{top:0.6em}
.information_swich_li > a > span span{position:relative; display:inline-block}
/* compass */
.information_swich_li > a > span span::after{position:absolute; top:0px; bottom:0px; margin:auto; left:-40px; content:""; display:inline-block; width:20px; height:29px; background:url('../images/information_icon_compass.png') no-repeat; background-size:contain}
.information_swich_note{padding:50px 0 0; line-height:1.8; text-align:left; width:1020px; margin:0 auto 0; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; font-weight:bold}

#karasuma,#suizokukanmae,#kawaramachi{
}
#suizokukanmae,#kawaramachi{
	padding-top: 90px;
}

.information_content{margin: auto auto 60px;}
.information_content.is-active,
.information_content.is-show{}
.information_content h3{text-align:left}
.information_content h3 span.notes{color: #f00;font-size: 16px;}
.information_content_col{display:flex; justify-content:space-between}
.information_content_add{width:50%}
.information_content_add p{padding:54px 0 0; line-height:1.7; font-size:15px; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif}
.information_content_add p span{font-weight: bold;}
.information_content_map{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden}
.information_content_map iframe, 
.information_content_map object, 
.information_content_map embed{position:absolute; top:0; left:0; width:100%; height:100%}
.information_content_details{width:50%; padding-left:2%; line-height:1.7; font-size:15px; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif}
.information_content_details span{display:block; font-weight:bold}
/* table */
.information_content_table{margin-top:30px; width:100%}
/* TABLE */
.information_content_table, 
.information_content_table td, 
.information_content_table th{border:1px solid #595959; border-collapse:collapse; text-align:center; vertical-align:middle; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif}
/* TABLE */
.information_content_table table{ width:100%; margin:0 0 20px}
/* TR */
/* TH */
.information_content_table th{font-weight:bold; height:2.5vw}
.information_content_table tr th:first-child{ width:24%}
/* TD */
.information_content_table tr td{}
.information_content_table tr td{}
.information_content_table table em{font-size:1.8em; line-height:1; font-weight:bold; letter-spacing:0.03em;  padding-left:0.05em}
.information_content_table table span{font-weight:normal; display:block; font-size:0.8em}
.information_content_table_fu{background:#f3f3f3}
.information_content_table_ka{background:#fbe6d4}

@media screen and (max-width:768px){ #information_swich{ padding:0 4%}
  #information_swich h2{}
  .information_swich_ul{ display:block;padding-bottom: 1%;}
  .information_swich_li{ width:100%;  margin-bottom:-1px}
  .information_swich_li.current{}
  .information_swich_li > a > span{line-height:1.5; font-size:4vmin; margin:0; text-align:left; padding-left:10%}
  /* >>*/
  .information_swich_li > a > span::before, 
  .information_swich_li > a > span::after{top: -0.5em;}

  .information_swich_li > a > span::after{top: 0.2em;}
  .information_swich_li > a > span span{ position:static}
  /* compass */
  .information_swich_li > a > span span::after{ left:4%; width:3vw; height:4vw}
  .information_swich_note{width:100%}
  #karasuma,#suizokukanmae,#kawaramachi,#osakaeki{
	  padding: 0 4%;
	  margin-bottom: 1% !important;
  }
  #suizokukanmae,#kawaramachi{
	padding-top: 10%;
  }
  .information_content{}
  .information_content{}
  .information_content:nth-child(1){}
  .information_content h3{}
  .information_content h3 span.notes{}
  .information_content_col{display:block}
  .information_content_add{width:100%;  margin-bottom:5%}
  .information_content_add p{}
  .information_content_details{width:100%}
  .information_content_details span{}
  /* table */
  .information_content_table{}
  /* TABLE */
  .information_content_table, 
  .information_content_table td, 
  .information_content_table th{}
  /* TABLE */
  .information_content_table table{}
  /* TR */
  /* TH */
  .information_content_table th{}
  .information_content_table tr th:first-child{}
  /* TD */
  .information_content_table tr td{}
  .information_content_table tr td{}
  .information_content_table table em{}
  .information_content_table table span{}
  .information_content_table_fu{}
  .information_content_table_ka{}
}

#information_contacts{background:#f3f3f3; width:100% !important; padding:60px 0 60px; margin-bottom:0 !important}
.information_contact{}
.information_contact{text-align:center; font-size:20px; width:500px; margin:0 auto}
.information_contact a{background:#000; display:block; padding:27px 0 23px 40px}
.information_contact a span{padding-bottom:15px; color:#fff; position:relative}
.information_contact a span::after{position:absolute; top:-17px; bottom:0px; margin:auto; left:-41%; content:""; display:inline-block; width:31px; height:24px; background:url(../images/icon_contact.png) no-repeat; background-size:contain}
.information_contact_note{text-align:center; padding:10px 0 0}
@media screen and (max-width:768px){ #information_contacts{}
  .information_contact{ width:80%; font-size:5vmin}
  .information_contact a{ padding:5% 0 5% 0%}
  .information_contact a span{}
  .information_contact a span::after{width:5vw; height:4vw; left:-23%}
  .information_contact_note{}
}


#informationarea .course_btn{margin-bottom: 5%;}
#informationarea .course_ul{display:flex;flex-wrap: wrap;gap: 0 1%;margin-bottom: 1.3em;}
#informationarea .course_li{width: 49.5%;text-align: center;}
#informationarea .course_li a{color: #fff !important; background: #eb8429; display: block; padding: 27px 0 27px;font-size: 17px;font-weight:bold;}
#informationarea .course_li a span{position: relative; display: inline-block;margin-left: 1.5em;}
#informationarea .course_li a span::after{position:absolute;  top: 0px; bottom: 0px; margin: auto; left: -67px; content:""; display: inline-block; width: 48px; height: 32px; background: url('../images/course_icon_pc.png') no-repeat; background-size: contain;}
#informationarea .course_li.c2 a{background: #b52d1f;}
#informationarea .course_li.c3{width: 100%;margin-top: 1%;}
#informationarea .course_li.c3 a{background: #89b510;font-size: 20px;font-feature-settings: "palt";letter-spacing: 0.06em;}
#informationarea .course_li.c3 a span::after{background: none;}
@media screen and (max-width:768px){
#informationarea .course_btn{ padding: 0 5% 0 !important;margin-bottom: 8% !important;}
#informationarea .course_ul{gap: 0 2%;}
#informationarea .course_li{width: 49%;}
#informationarea .course_li a{padding: 35% 0 12%; line-height: 1.5;font-size: 4vw;}
#informationarea .course_li a span{margin: auto;}
#informationarea .course_li a span::after{right: 0; left: 0; width: 8vw; height: 8vw; top: -22vw;}
#informationarea .course_li.c3{margin-top: 2%;}
#informationarea .course_li.c3 a{padding: 10% 0 8%;font-size: 4.8vw;}
#informationarea .course_li.c3 a span::after{}
}