@charset "utf-8";
html{
  box-sizing:border-box;
}

*, *:before, *:after{
  box-sizing:inherit;
}

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

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

#cont { line-height: normal; }

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

.main img { vertical-align: bottom; }

#cont h1.h_title { line-height: 1; }


/*--------------------------------------ここから本文--------------------------------------*/


.main{
  font-family:"游ゴシック","メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  width:500px;
  display:block;
  font-size:16px;
  font-weight:500;
  margin:0 auto;
  letter-spacing:-0.5px;
  line-height:1.8em
}


/*--------------------------------------hover-------------------------------------*/

.questionnaire a:hover{	opacity:0.4 }

.access a:hover,
.business-location-ranking a:hover,
.country a:hover { opacity:0.4 }


/*--------------------------------------ナビメニュー-------------------------------------*/

.nav-global {
  display: -webkit-flex;
  display: flex;
  justify-content:space-between;
  margin-bottom:20px
}


.nav-global li{
  font-size:0.8rem;
  list-style:none;
  font-weight:bold;
}

.nav-global a{
  display:block;
  vertical-align:middle;
  text-align:center;
  width:125px;
  height:40px;
  line-height:-5em;
  padding-top:8px;
  color:#000000
}


.nav-global .nav-access a{
  border-bottom:4px solid #ed7787;
  border-left:1px solid #898989;
  padding-bottom:10px
}


.nav-global .nav-questionnaire a{
  border-bottom:4px solid #f6a80d;
  border-left:1px solid #898989;
  padding-bottom:10px
}


.nav-global .nav-ranking a{
  border-bottom:4px solid #0094c1;
  border-left:1px solid #898989;
  padding-bottom:10px
}

.nav-global .nav-area a{
  border-bottom:4px solid #4fb566;
  border-left:1px solid #cccccc;
  border-right:1px solid #898989;
  padding-bottom:10px
}


.nav-global a:hover{
  display:block;
  color:#cccccc;
}

.nav-global a:hover{
  border-left:2px solid 0.5;
}



/*.nav-global a{
background: linear-gradient(transparent 60%, #68c5d9 60%);

}


.nav-global a:hover{
background: linear-gradient(transparent 60%, #ffff66 60%);

}
*/


/*--------------------------------------アイコンフォント-------------------------------------*/


.fa{
  padding-right:10px
}





/*--------------------------------------h2タイトルー-------------------------------------*/


h2{
  color:#0071bc;
  font-weight:bold;
  font-size:1.25rem;
  padding-bottom:3px;
  border-bottom:  3px dotted #0071bc;
  margin: 40px 0 20px 0;
}


/*--------------------------------------h3タイトルー-------------------------------------*/


h3{

  font-weight:bold;
}



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

.access{
margin:30px 0;
}


.access ul{
  margin-bottom:20px
}

.access dl{
  padding-bottom:15px
}

.seminar-room{
  font-weight:bold
}

.access dt {
  width:20%;
  color:#0071bc;
  font-weight:bold;
  float:left;
  font-size:1.05rem
}

.access dd{
  margin-left:20%;
}

.access .dd-caption{
  margin-bottom:20px
}

.access-title{
  display: block;
  font-weight:bold;
  margin:10px 0;
  font-size:1.02rem
}

.lo-map { margin-bottom: 20px; }

.blueBox { text-align: right;margin-bottom: 20px; }

/*--------------------------------------アンケート-------------------------------------*/

.questionnaire dl{
  margin-bottom:15px
}

.questionnaire dl dt{
  font-weight:bold
}

/*--------------------------------------実績-------------------------------------*/



.performance{
  margin-bottom:15px
}


.actua-figures{
  font-weight:bold;
  font-size:1.6rem;
  padding:10px;
}

/*--------------------------------------ランキング-------------------------------------*/
  

.business-location-ranking{
  margin-bottom:15px
}

.business-location-ranking > ul >li {
text-indent: -44px;
padding-left: 44px;
}




/*--------------------------------------支社長のことば-------------------------------------*/


.divisional-inspector{
  margin-bottom:15px
}


.business-location-nigaoe img{
  float:left;
  margin-bottom:15px;
  margin-right:15px;
}

.business-location-nigaoe-caption{

}


.nagoya-fujita{
  font-size:1.05rem;
  font-weight:bold;
  
}

/*--------------------------------------名古屋以外の開催地で受講されたい方へ-------------------------------------*/


.country{
  margin-bottom:15px;
}


.country ul{
  display: -webkit-flex;
  display: flex;
  justify-content:space-between
}





/*--------------------------------------公開講座が全国で受講できるメリット-------------------------------------*/



.country-merit dl{
  margin-bottom:15px
}


.country-recommend dl dt{
  font-weight:bold;
  font-size:1.05rem;
  margin:20px 0 5px 0
}



/*--------------------------------------/*--- 表示領域が768px以下の場合に適用するスタイル ---*/


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

body .main{
  width: auto;
}


header img, .access .lo-map img{
  width:100%;
  height:auto
}

.header_img { text-align: center; }

.nav-global { flex-flow: column; }
.nav-global a { width: 100%; }
.nav-global .nav-access a,
.nav-global .nav-questionnaire a,
.nav-global .nav-ranking a,
.nav-global .nav-area a { border-left: none; border-right: none; }

.country ul{
  /*display: block;*/
}

.main dd {
  text-align: justify;
  text-justify: inter-ideograph;
}

.main iframe { width: 100%; }

.business-location-nigaoe img { display: none; }
.business-location-nigaoe-caption { padding-left:0; }

.access dt { float:none; border-bottom: 1px solid #0071bc; width: 100%; }
.access dd { margin-left:0; }

}

@media screen and (max-width:320px) {
.country ul {
flex-flow: row;
flex-wrap: wrap;
}

.country ul li {
  flex-basis: 80px;
}

}

/* 自由欄用CSS */


.area-recommend-desu:hover{
opacity:0.6;
text-decoration:underline;
}


/* 右ナビ＿お申込みの流れ */
.p_bgcBox {
  background-color: #e8eaef;
  font-size: 14px;
  margin: 20px 0;
  padding: 10px;
}

.p_list {}

.p_list_item {}

.p_list_item + .p_list_item { margin-top: 15px; }

.c_link { transition: .3s; }

.c_link:hover { text-decoration: none; opacity: .6; }

.c_link-hasIco {
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 13px;
  letter-spacing: 0;
  position: relative;  
}

.c_link-hasIco.first {
  -ms-align-items: center;
  align-items: center;
}

.c_link-hasIco::before {
  color: #1583be;
  content: "";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
  width: 20px;
}

.c_link-hasIco.flowApp::before  { content: "\f044"; }
.c_link-hasIco.faq::before { content: "\f128"; }
.c_link-hasIco.first::before { content: url("/resource/img/bup/icon_beginnerMark.gif");height: 20px; margin-left: -4px; margin-right: 8px; }
.c_link-hasIco.flowCourse::before { content: "\f51b"; }
.c_link-hasIco.company::before {
  content: url("/resource/img/bup/bup_icon-04.png");
  vertical-align: -4px;
}
.c_link-hasIco.search::before {
  content: url("/resource/img/bup/bup_icon-03.png");
  vertical-align: -2px;
}

.c_link-arrow {
  color: inherit;
  position: relative;
}

.c_link-arrow::after {
  border-top: 3px solid #1583be;
  border-right: 3px solid #1583be;
  content: "";
  display: block;
  height: .5em;
  margin-left: auto;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(45deg);
  width: .5em;
}

/* 2020/04/07 お知らせ欄 */
.box_attention {
  border: 2px solid red;
  margin: 10px 0 20px;
}

.box_attention_ttl {
  background-color: red;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 5px 10px;
}

.box_attention_inner {
  padding: 10px;
}

.box_attention_text {}

.box_attention_linkBox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
}


.box_attention_link {
  background-color: #997120;
  color: #fff;
  margin-top: 5px;
  padding: 2px 5px;
}

.box_attention_linkBox::after {
  content: "";
  width: 0;
  height: 0;
  border: 11px solid transparent;
  border-left: 10px solid #997120;
  display: inline-block;
  margin-top: 5px;
}