@charset "UTF-8";
/* CSS Document */

/* CC引用　*/

#system_howto::before{
  content: "";
  display: block;
  height: 100px;
  margin-top: -100px;
  visibility: hidden;
  pointer-events: none;
}


.text_ul {
  text-decoration: underline red 2px; /* 下線、色(赤)、太さ(2px) */
}

.content_inner {
  width: 95%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 8px;
}



/*                  背景                  */
.bg_pg { background: #F2FFE8;}
.bg_y { background: #FFFFC0;}
.bg_pb { background: #EEFFFF;}
.under_g { border-bottom: 5px solid #38B565;}
.under_or { border-bottom: 5px solid #FF8200;}

.bg_hougan {
  background: url("../img/bg-contents.gif") repeat;
  background-color: transparent;
  overflow: hidden;
}



/*                  見出し                  */
.baloon_g,
.baloon_or,
.baloon_aq,
.baloon_b,
.baloon_yl {
  position: relative;
  width: 100%;
  margin: 0 0 1.3em;
  background:#38B565;      
/*  background: #38B565; */
  padding: .4em 0;
  font-size: min(3vw, 30px);
  color: #fff;
  text-align: center;
  box-shadow: 0 -4px 9px rgb(0,0,0,.2);
}
  .baloon_g::before,
  .baloon_or::before,
  .baloon_aq::before,
  .baloon_b::before,
  .baloon_yl::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    border: 22px solid transparent;
    border-top: 14px solid #38B565;
  }
.baloon_or { background: #FF9900;}
.baloon_or::before { border-top: 14px solid #FF9900;}
.baloon_aq { background: #316732;}
.baloon_aq::before { border-top: 14px solid #316732;}
.baloon_yl { background: #F7B31C;}
.baloon_yl::before { border-top: 14px solid #F7B31C;}
.baloon_b { background: #00B8EE;}
.baloon_b::before { border-top: 14px solid #00B8EE;}


.green_b {
  font-size: min(4vw,43px);
  color: #38B565;
  text-align: center;
}
.belt_g,
.belt_br {
  margin-bottom: 1.8em;
  padding: 0.4em 0;
  font-size: min(3vw, 30px);
  color: #fff;
  text-align: center;
}
.belt_g { background: #38B565;}
.belt_br { background: #660000;}

.up_sg {
  position: relative;
  padding: 3.5rem 0;
  font-family: "UD新ゴNT B";
  font-size: min(3vw, 30px);
  color: #38B565;
  text-align: center;
  letter-spacing: 0;
}
.up_sg::after {
  position: absolute;
  display: inline-block;
  content: '';
  max-width: 110px;
  height: 5px;
  bottom: 1.3em;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #38B565;
}
.ub_dotted {
  margin-bottom: 1em;
  padding: 2em 0 0.1em;
  border-bottom: 1px dotted #727171;
  font-family: "UD新ゴNT B";
  font-size: min(3vw, 30px);
  color: #38B565;
  letter-spacing: 0;
}
h3.ub_dotted { font-family: "UD新ゴNT M"; font-size: min(2.5vw, 25px);}

.upbottom_borderS {
  display: inline-block;
  margin: .8em 0 .5em;
  padding: 0 1.3em;
  border-top: 1px solid #660000;
  border-bottom: 1px solid #660000;
  font-size: min(1.8vw, 18px);
  color: #660000;
}







/*                  リンクボタンとか色々                  */
a.icon_arrow {
  position: relative;
  padding: 0 0 0 .5em;
  color: #4C4948;
}
a.icon_arrow::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border: 0.4em solid transparent;
  border-left: 0.4em solid #38B565;
}
a.icon_arrowG {
  position: relative;
  padding: 0 0 0 .9em;
}
a.icon_arrowG::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border: 0.4em solid transparent;
  border-left: 0.6em solid #009143;
}
a.icon_arrowG + a.icon_arrowG { margin-left: 2em;}

  a.icon_arrowG::before { border-left: 0.6em solid #38B565;}
  a.icon_arrowG.pBl::before { border-left: 0.6em solid #00CCCC;}
  #system_hellowork a.icon_arrowG,
  #system_procedure a.icon_arrowG.pBl { margin-left: 1.5em;}


.guide_btn_area {
  display: flex;
  justify-content: space-between;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 0px 4rem;
}
.guide_btn_area a {
  position: relative;
  display: block;
  width: calc(100% / 3 - 4px);
  border: 3px solid #fff;
  border-radius: 7px;
  font-family: "UD新ゴNT M";
  font-size: min(1.9vw, 19px);
  color: #fff;
  text-align: center;
  line-height: 2.6;
  text-decoration: none;
  box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.3);
}
.guide_btn_area a:nth-of-type(1) { background: #80C645; letter-spacing: .1em;}
.guide_btn_area a:nth-of-type(2) { background: #2BBF91; letter-spacing: .1em;}
.guide_btn_area a:nth-of-type(3) { background: #F7B31C; border-right: 3px solid #fff;}

.guide_btn_area a:hover { opacity: 1;}
.guide_btn_area a:nth-of-type(1):hover { background: #9fe366;}
.guide_btn_area a:nth-of-type(2):hover { background: #5be3b9;}
.guide_btn_area a:nth-of-type(3):hover { background: #fac550;}

.guide_btn_area a::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 0.7em;
    margin: auto;
    width: 0.5em;
    height: 0.5em;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
}

.icon_squareG,
.icon_squareOr {
  position: relative;
  padding: 0 0 0.8em 1.1em;
  line-height: 1.5;
}
  .icon_squareG::before,
  .icon_squareOr::before {
    position: absolute;
    display: block;
    content: "";
    width: 1em;
    height: 1em;
    background: #38B565;
    left: 0;
    top: 0.4em;
  }
.icon_squareOr::before { background: #F7B31C;}

.arrow_double {
  position: relative;
  padding-left: 1.5em;
}
 
.arrow_double::before {
  content: url("../img/icon_arow01.png");
  transform: scale(.5);
  position: absolute;
  top: -0.15em;
  left: -0.5em;
  margin: auto;
}

.document_blk {
  display: flex;
  max-width: 820px;
  border: 1.5px solid #999999;
}
  .document_blk .img {
    width: 14.22%;
    padding-top: 1em;
    background: #E1E1E0;
    text-align: center;
  }
    .document_blk .img img { max-width: 72px;}

  .document_blk .item {
    width: calc(100% - 14.22%);
    padding: 0.8em;
    line-height: 1.6;
  }

.btn_borderR {
  position: relative;
  display: block;
  margin-bottom: 3.5rem;
  padding: 0.6em 1em 0.6em 2.5em;
  background: #F2FFEA;
  border: 2.5px solid #38B565;
  border-radius: 2em;
  font-size: 20px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  line-height: 1;
}
  .btn_borderR::before,
  .btn_borderR::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 1em;
    margin: auto;
    vertical-align: middle;
  }
  .btn_borderR::before {
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    border: 2px solid #38B565;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
  .btn_borderR::after {
    left: 1.4em;
    box-sizing: border-box;
    width: 0.5em;
    height: 0.5em;
    border: 5px solid transparent;
    border-left: 5px solid #38B565;
  }








/*                  リスト系                  */
.ls_square li {
  position: relative;
  padding: 0 0 0 1em;
  color: #4C4948;
  line-height: 1.8;
}
.ls_square li::before {
  display: block;
  content: "";
  width: 0.45em;
  height: 0.45em;
  background: #316732;
  position: absolute;
  left: 0;
  top: 0.6em;
}
.ls_square.brown li::before { background: #660000;}

.ls_square.black li { padding: 0 0 0 0.5em;}
.ls_square.black li::before {
  width: 0.25em;
  height: 0.25em;
  background: #000;
}
.ls_square.black + .ls_square.black { margin-top: 1rem;}

.ls_square li.indentM { padding-left: 0.5em; text-indent: 0.5em;}

.ls_squareG li {
  position: relative;
  padding: 0 0 0.8em 1.1em;
  line-height: 1.5;
}
.ls_squareG li::before {
  display: block;
  content: "";
  width: 1em;
  height: 1em;
  background: #009143;
  position: absolute;
  left: 0;
  top: 0.4em;
}

.color_blk {
  border: 1.5px solid #316732;
  background: #fff;
}
  .color_blk .ttl {
    padding: 0.3em 0;
    background: #316732;
    font-family: "UD新ゴNT M";
    font-size: min( 2vw,20.5px);
    color: #fff;
    text-align: center;
  }
  .color_blk .content {
    padding: 2em;
  }
.color_blk.space {
  padding: 1.8em;
  border-radius: 0.8em;
}
#system_howto .color_blk { background: #F2FFEA;}
#system_procedure .color_blk,
#system_hellowork .color_blk { margin-bottom: 4em;}

#system_howto .list_marusuji + .list_marusuji { padding: 0.5rem 0 0;}
#system_howto .list_marusuji:nth-of-type(2) li { padding-bottom: 0.2em; padding-left: 2em; text-indent: -2em; letter-spacing: -0.03em;}



.color_blk.space .ttl { padding: 0.2em 0;}
.color_blk.space .content { padding: 1.7em 0 0;}

.color_blk.space .content p { margin-bottom: 1.8em;}

.list_default {}
  .list_default > .ttl {
    padding: 0 0 0.3em;
    font-size: min(1.5vw,20px);
    color: #316732;
    letter-spacing: .05em;
  }
  .color_blk .list_default > .ttl {
    background: none;
    text-align: left;
    font-weight:600;
  }
  .list_default > .ttl + li {
    margin-bottom: 1.5em;
  }
.color_blk.paleblue { border: 1.5px solid #316732;}
  .color_blk.paleblue .ttl { background: #316732;}

#system_procedure .color_blk .content,
#system_hellowork .color_blk .content { padding: 1.3em 2em 0.6em;}

.color_blk.under_arrow {
  position: relative;
}
.color_blk.under_arrow::before {
  content: '';
  position: absolute;
  bottom: -6em;
  left: 50%;
  transform: translateX(-50%);
  border: 3em solid transparent;
  border-top: 1.7em solid #316732;
}
#system_procedure .color_blk.under_arrow::before { border-top: 1.7em solid #316732;}


.panph{font-size:120%;}

.ls_squareNo  h4{
    color: #316732!important;
    
}

.ls_squareNo .li_count {
  position: relative;
  margin-bottom: 1.5em;
  padding: 0 0 0 2em;
  font-size: min(1.6vw, 16px);
  line-height: 1.5;
}
  .ls_squareNo .li_count::before,
  .ls_squareNo .li_count::after {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0.2em;
  }
    .ls_squareNo .li_count::before {
      content: "1";
      top: .1em;
      left: 0.25em;
      color: #fff;
      z-index: 11;
    }
    #system_procedure .li_count:nth-of-type(2)::before,
    #system_hellowork .li_count:nth-of-type(2)::before { content: "2";}
    #system_procedure .li_count:nth-of-type(3)::before,
    #system_hellowork .li_count:nth-of-type(3)::before { content: "3";}
    #system_procedure .li_count:nth-of-type(4)::before,
    #system_hellowork .li_count:nth-of-type(4)::before { content: "4";}
    #system_procedure .li_count:nth-of-type(5)::before,
    #system_hellowork .li_count:nth-of-type(5)::before { content: "5";}
    #system_procedure .li_count:nth-of-type(6)::before,
    #system_hellowork .li_count:nth-of-type(6)::before { content: "6";}
    #system_procedure .li_count:nth-of-type(7)::before,
    #system_hellowork .li_count:nth-of-type(7)::before { content: "7";}
    #system_procedure .li_count:nth-of-type(8)::before,
    #system_hellowork .li_count:nth-of-type(8)::before { content: "8";}
    #system_procedure .li_count.no4::before { content: "4";}
    #system_procedure .li_count.no5::before { content: "5";}
    #system_procedure .li_count.no6::before { content: "6";}
    #system_procedure .li_count.no7::before { content: "7";}
    #system_procedure .li_count.no8::before { content: "8";}

    .ls_squareNo .li_count::after {
      content: "";
      width: 1.2em;
      height: 1.2em;
      background: #38B565;
      z-index: 10;
    }
    #system_procedure .ls_squareNo .li_count::after { background: #316732;}

.li_count p {
  margin-bottom: 0;
  padding: .3em 0 1em;
  letter-spacing: -.02em;
}



.strong {
  font-size: min(2.5vw, 18px);
  line-height: 1.4;
}
#system_procedure .strong { color: #316732;}
#system_hellowork .strong { color: #316732;}





.list_link {}
.list_link li {
  margin-bottom: 1.8em;
}
.list_link .ttl {
  margin-bottom: .5em;
  font-size: min(1.1vw, 15px);
}
.icon_roundG {
  display: inline-block;
  font-size: min(2.5vw, 18px);
  color: #4C4948;
  letter-spacing: .02em;
}
  .icon_roundG::before {
    content: "●";
    color: #38B565;
  }
.icon_triangleG {
  display: inline-block;
  font-size: min(2.5vw, 18px);
  color: #4C4948;
  letter-spacing: .02em;
}
  .icon_triangleG::before {
    content: "▶";
    color: #38B565;
  }
.list_link .icon_roundG {
  display: block;
}
.list_link a {
  color: #0200F1;
  text-decoration: none;
}


.border_box {
  margin-bottom: 2em;
  padding: .2em 1.8em 1.3em;
  background: #FFFFE9;
  border: 1px solid #660000;

  border-radius: .7em;
  font-size: min(2.5vw, 18px);
  color: #4C4948;
}
.border_box .ttl {
  position: relative;
  margin-bottom: 0.4em;
  padding: 0.7em 0 .6em;
  border-bottom: 1px dotted #727171;
  font-family: "UD新ゴNT M";
  font-size: min(2.5vw,22px);
  line-height: 1;
}
.border_box .ttl .fc_brown { font-size: 115%;}

.border_box p { margin-bottom: 0;}

.border_box.orange { border: 1px solid #FF8200;}
  .border_box.orange .ttl { color: #FF8200;}
  .border_box.orange .list_marusuji { padding: .3em 0 0;}
    .border_box.orange .list_marusuji li { padding-bottom: 0.5em;}

.border_box.orange a{ color: #660000; text-decoration: underline;}
.border_box.orange .strong { color: #000000; text-decoration: underline;}



#exam_feature { padding-bottom: 3em;}

.box_biground {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.4em;
  padding: 1.5em 1.5em;
  background: #fff;
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .3);
}
  .box_biground .point {
    width: 9%;
    max-width: 82px;
  }
  .box_biground .content {
    width: calc(100% - 11%);
  }
    .box_biground .content .ttl {
      margin-bottom: 0.3em;
      font-size: min(5vw, 27.3px);
      color: #F7B31C; 
      line-height: 1.2;
    }
    .box_biground .content p { margin: 0;}

.list_pg,
.list_pgSinmle,
.list_sideby {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #C8C8C8;
  border-left: 1px solid #C8C8C8;
  color: #4C4948;}

  .list_pg > li { font-size: min(1.4vw,16px);}

  .list_pg > .ttl,
  .list_pg > .txt01 { border-right: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8;}

  .list_pg > .ttl {
    display: flex;
    justify-content: center;
    flex-flow: column;
    width: 16%;
    padding: 0.8em 1em 0.8em 1.2em;
    background: #F2FFEA;
  }
  .list_pg > .txt01 {
    width: calc(100% - 16%);
    padding: 1.1em 1.8em;
  }

.ls_square.black.fs_small li {
  display: block;
  line-height: 1.5;
  margin-bottom: 0.5em;
}

.nopad { padding: 0!important;}

.list_pgSinmle {
  padding: 1em 1.5em 0.2em;
  background: #F2FFEA;
  border: 1px solid #C8C8C8;
}

.list_sideby {
  border: 1px solid #C8C8C8;
}
  .list_sideby li {
    width: 20%;
    padding: 1em;
    border-right: 1px solid #C8C8C8;
  }
  .list_sideby li:nth-of-type(5n) { border-right: none;}

  .list_sideby li.ttl {
    padding: .4em 1em;
    background: #F2FFEA;
    border-bottom: 1px solid #C8C8C8;
    white-space: nowrap;
  }
  .list_sideby.timesche li:nth-of-type(1),
  .list_sideby.timesche li:nth-of-type(6) {width: 14.58%; padding-left: 1.5em;}
  .list_sideby.timesche li:nth-of-type(2),
  .list_sideby.timesche li:nth-of-type(7) {width: 16%;}
  .list_sideby.timesche li:nth-of-type(3),
  .list_sideby.timesche li:nth-of-type(8) {width: 16%;}
  .list_sideby.timesche li:nth-of-type(4),
  .list_sideby.timesche li:nth-of-type(9) {width: 39%;}
  .list_sideby.timesche li:nth-of-type(5),
  .list_sideby.timesche li:nth-of-type(10) {width: calc(100% - 14.58% - 16% - 16% - 39%);}

.list_pGr {
  display: flex;
  flex-flow: wrap;
}
.list_pGr > li,
.list_Wh > li { padding: 0.8em 1.2em; border-bottom: 1px solid #C8C8C8;}
.list_pGr > li:nth-last-of-type(-n+2),
.list_Wh > li:nth-last-of-type(-n+2) { border-bottom: none;}

  .list_pGr > .ttl {
    width: 15%;
    background: #F5F5F5;
    border-right: 1px solid #C8C8C8;
  }
  .list_pGr > .content {
    width: calc(100% - 15%);
  }

.list_Wh {
  display: flex;
  flex-flow: wrap;
}
  .list_Wh > li {padding: 0.8em 1em; }
  .list_Wh > .ttl {
    width: 15%;
    border-right: 1px solid #C8C8C8;
  }
  .list_Wh > .content {
    width: calc(100% - 15%);
  }
  .list_pg > .ttl .fs_small { white-space: nowrap;}
  .list_pg > .ttl .fs_small ,.list_Wh .fs_small { font-size: 74%;}

.update_lead {
  margin-bottom: 1.5em;
  line-height: 1.8;
}

.list_pg.column3 { justify-content: center; flex-flow: wrap;}
  .list_pg.column3 .ttl { width: 9%; display: flex; align-items: center;}
  .list_pg.column3 .txt01 { width: 72%;}
  .list_pg.column3 .txt02 {
    display: flex;
    align-items: center;
    width: 19%;
    padding: 1.1em 0 1.1em 1.8em;
    border-bottom: 1px solid #C8C8C8;
    border-right: 1px solid #C8C8C8;
  }
.tate > * { width: 100%;}
.tate { flex-wrap: wrap;}

.list_pg.column3 + p { margin: 0; padding: 1.5em 0px 1em;}


/* ======================================================
  HEADER STYLES
====================================================== */


/* ======================================================
  MAIN STYLES
====================================================== */
main {
  line-height: 1.6;
}
  main p {
    margin-bottom: 40px;
  }


/* ---------------------------------------
  MAP
--------------------------------------- */
.map_box {
  max-width: 500px;
}
  .map_box iframe {
    width: 100%;
    aspect-ratio: 16/9;
  }



/* ---------------------------------------
  TOP PAGE
--------------------------------------- */
.top_img {
  position: relative;
  margin-top: -1em;
  overflow: hidden;
}
  .top_img .single_object {
    width: 100%;
    height: 600px;
    object-fit: cover;
    object-position: 50% 50%;
  }

.top_img.noimg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 180px;
  padding-top: 2em;
  border-bottom: 3px solid #fff;
}
  .top_img .detail_logo {
    max-width: 188px;
  }
#page_detail .top_img { background: #38B565;}
#page_exam .top_img { background: #80C645;}


.slick-slide a { display: block; height: 100%; text-decoration: none;}

.img_pc { display: block!important;}
.img_tab { display: none!important;}
.img_smp { display: none!important;}

.img_pc {
  position: relative;
}
.img_pc .slick-slide {
  min-height: 450px;/*最小の高さ絶対に指定*/
  height: 31.3vw;/*高さ絶対に指定*/
}
  .img_pc .slick-slide:nth-of-type(1) {
    background: url("../img/top01_1400_pc.png");
    background-size: cover;/*coverを指定することで親の高さより小さくならない＆中央よせできる*/
    background-position: center;
    background-repeat: no-repeat;
  }
  .img_pc .slick-slide:nth-of-type(2) {
    background: url("../img/top02_1400_pc.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .img_pc .slick-slide:nth-of-type(3) {
    background: url("../img/top03_1400_pc.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }


#page_about .img_pc,
#page_discount .img_pc,
#page_system .img_pc {
  min-height: 250px;
  height: 18vw;
}
  #page_about .img_pc {
    background: url("../img/top_about1400_pc.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page_discount .img_pc {
    background: url("../img/top_pay1400_pc.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page_system .img_pc {
    background: url("../img/top_sys1400_pc.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }




/* ======================================================
  MAIN CONTENTS
====================================================== */
/* TOP 新着情報
========================================*/
.news_listBox { padding-top: 2.2em;}

  .news_listBox h2 {
    display: flex;
    align-items: center;
    padding: .1em .2em;
    border-bottom: 1px dotted #727171;
    font-size: min(1.3vw,15.6px);
    color: #4C4948;
    letter-spacing: .03em;
  }
    .news_listBox h2 a.icon_arrow {
      display: inline-block;
      margin-left: 1.5em;
      padding: 0 0.9em 0 1.7em;
      border: 1px solid #C8C8C8;
      border-radius: 3px;
      font-size: min(1vw, 9px);
      line-height: 1.4;
      letter-spacing: 0;
    }
    .news_listBox h2 a.icon_arrow::before {
      left: .8em;
      border: 0.425em solid transparent;
      border-left: 0.425em solid #38B565;
    }
  dl.news_list {
    display: flex;
    flex-wrap: wrap;
    padding: .5em .2em;
    font-size: min(1.6vw, 20px);
    color: #4C4948;
  }
  dl.news_list dt,
  dl.news_list dd { margin-bottom: .5em;}

  dl.news_list dt {
    width: 7.5em;
  }
  dl.news_list dd {
    width: calc(100% - 7.5em);
  }
    dl.news_list .ls_square {
      margin-top: .4em;
      margin-bottom: 2.7em;
      padding: .5em 1.3em;
      border: 1px dotted #C8C8C8;
    }
    dl.news_list .ls_square li { padding: 0 0 0.3em 1em;}


/* TOP 無料説明会 開催情報
========================================*/
.info_box {
  display: flex;
  margin-bottom: 2.6em;
}
  .info_box .ls_square {
    width: calc(100% - 254px);
    width: 100%;
    letter-spacing: -0.03em;
  }
    .info_box .ls_square li {
      padding-bottom: .4em;
      line-height: 1.6;
    }
  .info_box .info_photo {
    display: none;
    max-width: 254px;
  }
ul.info_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1.1em;
  row-gap: 1em;
  margin-bottom: 4.5rem;
  white-space: nowrap;
}
  ul.info_area li {
    width: calc(100% / 3 - 0.74em);
  }
    ul.info_area li a {
      position: relative;
      display: flex;
      align-items: center;
      height: 50px;
      padding: 0 1em;
      background: #fff;
      border: 1.5px solid #38B565;
      border-radius: 4px;
      box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.3);
      text-decoration: none;
      color: #000;
    }
    ul.info_area li a::before {
      position: absolute;
      content: "";
      right: .7em;
      top: 0;
      bottom: 0;
      margin: auto;
      vertical-align: middle;
      width: 0.5em;
      height: 0.5em;
      border-top: 3px solid #38B565;
      border-right: 3px solid #38B565;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    ul.info_area li a .name {
      width: 7em;
      font-size: min(1.7vw, 17px);
      line-height: 1.2;
    }
    ul.info_area li a .name span {
      display: block;
      font-size: clamp(9px, 1.1vw, 11px);
    }
    ul.info_area li a .option {
      width: calc(100% - 7em);
    }
    .inperson,
    .online,
    .phone {
      display: inline-block;
      width: 6.1em;
      margin-right: 6px;
      border-radius: 4px;
      font-family: "UD新ゴNT M";
      font-size: clamp(10px,1.05vw, 11.4px);
      color: #fff;
      text-align: center;
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out;
    }
    .inperson { background: #38B565; letter-spacing: .3em;}
    .online   { background: #2BBEC4;}
    .phone    { background: #80C645; letter-spacing: .3em;}

ul.info_area li a::before,
.inperson, .online, .phone {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
ul.info_area li a:hover {
  padding: 0 calc(1em - 1px);
  background: #38B565;
  border: 2px solid #fff;
  color: #fff;
  opacity: 1;
}
ul.info_area li a:hover::before { border-top: 3px solid #fff; border-right: 3px solid #fff;}
ul.info_area li a:hover .inperson,
ul.info_area li a:hover .online,
ul.info_area li a:hover .phone { color: #38B565; background: #fff;}



/* TOP “働く”を支えるプロへ
========================================*/
#top_pv .green_b {
  margin: 3.5rem 0 3rem;
}
.video_block {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 3em;
  aspect-ratio: 16 / 9;
}
.video_block iframe {
  width: 100%;
  height: 100%;
}


/* TOP “働く”を支えるプロへ
========================================*/
#top_property {}

.property_accBox details {
  position: relative;
  width: 100%;
  margin-bottom: 1em;
}
  .property_accBox details::before {
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #C8C8C8;
    bottom: -0.5em;
    left: 0;
  }
  .property_accBox details:last-child::before { background: none;}

  /* JavaScriptで開閉する要素（.details-content）には上下のpaddingを指定せずこちらに指定 */
  .property_accInn {
    padding: 2em;
    background: #fff;
  }
  .property_accConte {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
  }
	.property_accConte .p_small { font-size: 70%;}

    .property_accConte .property_img { width: 23%;}
    .property_accConte p { width: 75%; margin-bottom: 0;}
    .property_accConte > ul { width: 72%;}
    .property_accConte .property_pict { width: 24%;}
      .property_pict img:first-of-type { margin-bottom: 2em;}

summary {
  display: block;
  list-style: none;
}
summary::-webkit-details-marker {
  display:none;
}

  summary.property_accSum {
    display: block;
    position: relative;
    background: #38B565;
    font-family: "UD新ゴNT M";
    font-size: min(2.5vw, 25px);
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    letter-spacing: 0em;
    transition: background-color .3s;
  }
  summary.property_accSum::-webkit-details-marker {
    display: none;
  }
  summary.property_accSum:hover {
    background-color: #6cd993;
  }

  summary.property_accSum small {
     font-size: min(2vw, 18px);
}

  details[open] summary.property_accSum {}

  /* ＋のアイコンの疑似要素 */
  summary.property_accSum span {
    position: relative;
    display: block;
    padding: 0.25em 1rem 0.25em 3.5rem;
  }
  summary.property_accSum span::before,
  summary.property_accSum::before,
  summary.property_accSum::after {
    position: absolute;
    content: "";
    left: .7em;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
  summary.property_accSum span::before {
    width: 0.65em;
    height: 0.65em;
    border: 2.5px solid #fff;
    border-radius: 50%;
  }
  summary.property_accSum::before,
  summary.property_accSum::after {
    background-color: #fff;
    width: 0.5em;
    height: 2.5px;
    left: 0.87em;
  }
  /* 縦棒は90度回転 */
  summary.property_accSum::after {
    transform: rotate(90deg);
  }

  .property_accConte em {
    font-style: normal;
    font-family: "UD新ゴNT M";
    color: #f38b13;
  }

.property_accConte .ls_squareG {
  font-size: min(1.5vw, 15px);
}
  .property_accConte .ls_squareG li::before {}
  .ls_squareG .ttl {
    display: block;
    font-family: "UD新ゴNT M";
    font-size: min(1.4vw, 18px);
  }


/* TOP よくある質問
========================================*/
.question_leadtxt {
  display: block;
  max-width: 670px;
  margin: 0 auto 2rem;
  font-size: min(2vw,20px);
  text-align: left;
}
  .link_contact {
    font-family: "UD新ゴNT B";
    color: blue;
    text-decoration: none;
  }

.question_block {
  padding: 2px 0;
  box-sizing: border-box;
  background: #f2feed;
  border-radius: 10px;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 3px rgba(6, 0, 1, 0.3);
}
.question_block:nth-child(even) {
  background-color: white;
}
.question_block + .question_block { margin-top: 20px;}

  .ques_ttl,
  .ques_answer {
    position: relative;
    display: flex;
    align-items: center;
    width: 97%;
    min-height: 65px;
    margin: 0 auto;
    padding: .5em 0 .5em 70px;
    vertical-align: middle;
  }
  .ques_ttl {
    font-family: "UD新ゴNT B";
    font-size: min(2vw,20px);
    color: #017c1d;
    font-weight: bold;
    line-height: 1.3;
    /*background: url("../img/ico-question.png") no-repeat 0 top;*/
  }
  .ques_answer {
    font-size: min(1.6vw,16px);
    line-height: 1.4;
    /*background: url("../img/ico-answer.png") no-repeat 0 top;*/
  }
  .ques_ttl::before,
  .ques_answer::before {
    position: absolute;
    left: 0;
    top: 50%;transform: translateY(-50%);
    padding: .3em .4em;
    background: #009944;
    border: 2px solid #009944;
    border-radius: 10px;
    font-size: min(3.2vw, 32px);
    line-height: 1;
  }
  .ques_ttl::before {
    content: "Q";
    color: #fff;
  }
  .ques_answer::before {
    content: "A";
    background: #fff!important;
    font-family: "UD新ゴNT B";
    color: #017c1d;
  }
  .ques_answer::after {
    content: " ";
    width: 100%;
    height: 2px;
    overflow: visible;
    display: block;
    top: -0.2em;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    z-index: auto;
    background: #d5d5d5;
  }

a.btn_othercontact {
  position: relative;
  display: block;
  width: 90%;
  max-width: 725px;
  margin: 1.1em auto 2.5em;
  background: #2B8A38;
  border: 3px solid #fff;
  border-radius: 12px;
  font-size: min(2.9vw, 29px);
  color: #fff;
  text-align: center;
  line-height: 2.3;
  text-decoration: none;
  box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.3);
}
a.btn_othercontact::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0.7em;
  margin: auto;
  width: 0.5em;
  height: 0.5em;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}


/* TOP 養成講習について
========================================*/
#top_about .baloon_g {
  padding: 1rem 0;
}
.attehow_block,
.atteover_box,
.atteschedule_box,
.discount_blk {
  padding: 2em 1.8em;
  background: #fff;
  border-radius: .7em;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, .4);
}
  .about_leadtxt {
    font-size: min(1.8vw, 18px);
    text-align: center;
  }
.attehow_box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.3rem;
}
  .attehow_block {
    width: 48.7%;
    padding: 1.6em 1.8em;
  }
    .attehow_block h4 {
      margin-bottom: .8em;
      font-family: "UD新ゴNT B";
      font-size: min(2.4vw,24px);
      color: #38B565;
      line-height: 1.3;
      letter-spacing: 0;
    }
    .attehow_block p {
      margin: 0 0 1.3em;
      font-size: min(1.6vw,16px);
      color: #4C4948;
    }
    .attehow_box .attehow_block:nth-of-type(1) p { line-height: 1.9;}
    .attehow_box .attehow_block:nth-of-type(2) p { line-height: 1.9;}

dl.atteover_box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2.3rem;
}
  dl.atteover_box dt,
  dl.atteover_box dd {
    border-bottom: 1px solid #C8C8C8;
    color: #4C4948;
  }
  dl.atteover_box dt:first-of-type,
  dl.atteover_box dd:first-of-type { border-top: 1px solid #C8C8C8;}

  dl.atteover_box dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 21%;
    padding: 1rem 0;
    background: #EAEAEA;
    font-family: "UD新ゴNT M";
    font-size: min(1.6vw,16px);
    text-align: center;
    line-height: 1.5;
  }
  dl.atteover_box dd {
    width: 79%;
    padding: 1rem 0.5rem 1rem 1.5rem;
    font-size: min(1.6vw, 16px);
    line-height: 1.6;
  }
dl.atteover_box .fs_small { display: inline-block; font-size: 85%;}
dl.atteover_box .bold { display: inline-block; font-size: min(1.7vw,17px);}
dl.atteover_box .bold.pl010 { padding-left: .8rem;}
.para { display: inline-block; margin-bottom: .8em;}
.para2 { margin-top: .8em;}
.elearning { display: block; margin: 2em 0;}

ul.default_list {}
  ul.default_list li {
    text-indent: -.5em;
  }
    ul.default_list li::before {
      content: '・';
  }

.atteschedule_box { margin-bottom: 4rem;}

  .atteschedule_box h3 {
    font-size: min(1.7vw,17px);
    line-height: 1;
  }
    .atteschedule_box h3.icon_squareG {
      padding: 0 0 0.8em 1.1em;
    }
    .atteschedule_box h3.icon_squareG::before {
      top: 0.05em;
      width: 0.9em;
      height: 0.9em;
    }
  .atteschedule_box img {
    width: 100%;
    max-width: 775px;
  }
  .atteschedule_box p {
    margin: 0;
    padding: .7em 0 0;
    font-size: min(1.6vw,16px);
  }

#top_about .guide_btn_area { padding-bottom: 6em;}

.discount_blk {
  margin-bottom: 3.2em;
  padding-top: 0.6em;
}
  .discount_blk .ttl {
    position: relative;
    padding: .7em 1.5em .7em;
    border-bottom: 1px dotted #727171;
    font-family: "UD新ゴNT M";
    font-size: min(2.2vw,22px);
    line-height: 1;
  }
  .discount_blk .ttl::before,
  .discount_blk .ttl::after {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .discount_blk .ttl::before {
    content: "1";
    left: 0.25em;
    color: #fff;
    z-index: 11;
  }
  main .discount_blk:nth-of-type(2) .ttl::before { content: "2";}
  main .discount_blk:nth-of-type(3) .ttl::before { content: "3";}
  main .discount_blk:nth-of-type(4) .ttl::before { content: "4";}
  .discount_blk .ttl::after {
    content: "";
    width: 1.2em;
    height: 1.2em;
    background: #38B565;
    z-index: 10;
  }
    .discount_blk .ttl .fc_orange { display: inline-block; padding-right: .1em; font-family: "UD新ゴNT B"; font-size: min(2.4vw,24px); color: #FF8200;}
    .discount_blk .ttl .fs_small { font-size: min(1.4vw,14px);}

.discount_blk .after {
  position: relative;
  padding: .4em 0 1em 1.3em;
  font-size: min(1.8vw, 18px);
}
  .discount_blk .after::before {
    display: inline-block;
    position: absolute;
    content: "";
    width: 1.1em;
    height: 1.1em;
    background: url(../img/icon_arow02.png);
    background-size: contain;
    top: -6px;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .discount_blk .after .fs_big { font-family: "UD新ゴNT B"; font-size: min(2.4vw,24px);}
  .fs_small.green { font-size: min(1.4vw,14px); color: #38B565;}

.discount_blk .content {
  position: relative;
  padding: 0 0 0 0.9em;
}
.discount_blk .content::before {
  position: absolute;
  content: "";
  top: .75em;
  left: 0;
  transform: translateY(-50%);
  border: .45em solid transparent;
  border-left: .65em solid #38B565;
}
#page_system .icon_squareG {
  padding-bottom: 0;
  font-size: min(2vw, 20px);
  line-height: 1;
  letter-spacing: .02em;
}
#page_system .icon_squareG::before {
  width: 0.9em;
  height: 0.9em;
  top: .1em;
}
  #page_system .icon_squareG span {
    display: inline-block;
    padding-left: 2em;
    font-family: "UD新ゴNT L";
    font-size: min(1.2vw, 12px);
  }
.burden_amount {
  padding: 0.3em 0 2em;
  font-family: "UD新ゴNT M";
  font-size: min(2.6vw, 26px);
  color: #727171;
  border-top: 2px solid #38B565;
}
.burden_amount .price {
  display: inline-block;
  padding-left: 0.8em;
  font-family: "UD新ゴNT B";
  font-size: min(3vw, 30px);
  color: #38B565;
}
main .burden_amount:last-of-type { padding-bottom: 1em;}


/* TOP 開催会場
========================================*/
.map_leadtxt {
  margin: 0;
  padding: 1em 0 0.7em;
  font-family: "UD新ゴNT M";
  font-size: min(30vw, 30px);
  color: #38B565;
  text-align: center;
}
.map_subtxt {
  font-size: min(1.6vw,16px);
  text-align: center;
}
.map_subtxt .ls_square {
  display: flex;
  justify-content: center;
  margin-bottom: .7em;
}




.map_wrap {
  margin: 0 0 4.5em;
  padding:0;
  position: relative;
}
  .map_wrap em { font-style: normal;}
  .map_wrap a { text-decoration: none;}

.map_inner {}

.map_atte {
  width: 140px;
  height: 140px;
  position: absolute;
  top: 5px;
  left: 0;
  box-sizing: border-box;
  padding: 25px 0 0;
  text-align: center;
  background: linear-gradient(-50deg, rgb(83, 162, 51) 0%, rgb(75, 145, 46) 100%);
  border-radius: 100%;
}
.map_atte .hd {
  display: block;
  margin: 0 0 5px;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.5px;
  color: white;
  text-shadow: 0px 1px 5px rgba(11, 2, 4, 0.35);
}
.map_atte .hd span { font-size: 1.2rem;}

.map_atte p {
  font-size: 1.1rem;
  color: white;
  line-height: 1.4;
}
.map_atte img {
  width: 80px;
  height: auto;
  position: absolute;
  bottom: -35px;
  right: -35px;
}
.map_year {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  top: 2%;
  left: 2%;
  /*width: 11.9vw;
  height: 11.9vw;*/
  width: 18vw;
  height: 18vw;
  max-width: 165px;
  max-height: 165px;
  background: #38B565;
  border-radius: 50%;
  font-size: min(2.1vw, 21px);
  color: #fff;
}
  .this_year {font-size: min(3vw, 30px); letter-spacing: .02em;}

.map_blc {
  position: absolute;
  display: block;
  width: 22.56%;
  max-width: 210px;
  padding: 1em;
  background-color:#cccccc;
  border-radius: 5px;
  box-shadow: 0px 1px 5px rgba(11, 2, 4, 0.2);
  z-index: 0;
  transition: .1s ease-out opacity;
}
.map_blc:hover { opacity: 0.7;}

.map_boxB {
  position: absolute;
  z-index: 0;
  box-shadow: 0px 1px 5px rgba(11, 2, 4, 0.2);
  border-radius: 5px;
}
.map_boxB .map_blc {
  width: 100%;
  padding-bottom: 12px;
  position: relative;
  box-shadow: none;
  border-radius: 0;
}
  .map_boxB .map_blc + .map_blc {
    padding-top: 12px;
    border-top: 1px solid #ccc;
  }
  .map_boxB .map_blc + .map_blc::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top:0;
    left: 0;
    background: #fff;
  }
  .map_boxB .map_blc:first-child { border-radius: 5px 5px 0 0;}
  .map_boxB .map_blc:last-child { border-radius:0 0 5px 5px;}

.map_hd {
  width: 5em;
  display: block;
  padding: 5px 0;
  margin: 0 0 .5em;
  background: #000;
  border-radius: 6px;
  font-size: min(1.6vw,16px);
  color: #fff;
  line-height: 1;
  text-align: center;
}
.map_txt {
  margin: 0;
  font-size: min(1.4vw,14px);
  color: #000;
  line-height: 1.5;
}
.map_txt + .map_txt { margin-top: 10px;}

  .map_txt em {
    display: block;
    margin: 0 0 3px;
    font-family: "UD新ゴNT B";
    font-size: min(1.7vw,17px);
    font-weight: bold;
    line-height: 1.4;
  }
  .map_txt span {
    position: relative;
    display: inline-block;
    padding-left: 1em;
    font-size: min(1.4vw,14px);
    color: #1681a9;
    text-decoration: underline;
  }
    .map_txt span::before,
    .map_txt span::after{
      position: absolute;
      content: "";
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      width: .4em;
      height: .4em;
      vertical-align: middle;
      border-top: 1.5px solid #1681a9;
      border-right: 1.5px solid #1681a9;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
.map_wrap .arw,
.map_wrap .arw_02,
.map_wrap .arw_03,
.map_wrap .arw_04,
.map_wrap .arw_05,
.map_wrap .arw_06,
.map_wrap .arw_07,
.map_wrap .arw_08 { display: block; position: absolute;}

.map_wrap .arw { top: 100%; right: 20%;}
.map_wrap .arw_02 { top: 100%; left: 50px;}
.map_wrap .arw_03 { bottom: 100%; left: 35%;}
.map_wrap .arw_04 { bottom: 100%; right: 5%;}
.map_wrap .arw_05 { top: 50%; left: 100%;}
.map_wrap .arw_06 { top: 5%; left: 100%;}
.map_wrap .arw_07 { bottom:25px; right: 100%;}
.map_wrap .arw_08 { top: 30%; right: 100%;}

.hokkaido .arw_02 { left: 55%;}

.hokkaido { top:0; left: 52%;}
  .hokkaido .map_hd { background:#1d2088;}
  .hokkaido .map_txt em { color:#1d2088;}
.tohoku { top: 2%; right: 0;}
  .tohoku .map_hd { background:#004795;}
  .tohoku .map_txt em { color:#004795;}
.kanto { top: 29%; right: 0;}
  .kanto .map_hd { background:#0066a1;}
  .kanto .map_txt em { color:#0066a1;}
.joshinetsu { top: 5%; left: 25%;}
  .joshinetsu .map_hd { background:#5f5ca3;}
  .joshinetsu .map_txt em { color:#5f5ca3;}
.cyubu { bottom: 0; left: 53.5%;}
  .cyubu .map_hd { background:#0089d1;}
  .cyubu .map_txt em { color:#0089d1;}
.kansai { top: 77%; left: 27%; z-index: 10;}
  .kansai .map_hd { background:#00ace6;}
  .kansai .map_txt em { color:#00ace6;}
.cyugoku { top: 29%; left: 26%;}
  .cyugoku .map_hd { background:#00a698;}
  .cyugoku .map_txt em { color:#00a698;}
.shikoku { bottom: 0; left: 0;}
  .shikoku .map_hd { background:#3fb075;}
  .shikoku .map_txt em { color:#3fb075;}
.kyusyu { top: 27%; left: 0;}
  .kyusyu .map_hd { background:#5b9f4c;}
  .kyusyu .map_txt em { color:#5b9f4c;}
.okinawa { top: 56%; left: 1%;}
  .okinawa .map_hd { background:#9bb100;}
  .okinawa .map_txt em { color:#9bb100;}
.onlinecourse { top: 78%; right: 0;}
  .onlinecourse .map_hd { background:#0066a1;}
  .onlinecourse .map_txt em { color:#0066a1; font-size: 1rem;}
.student { top: 93%; right: 0;}
  .student .map_hd { background:#0066a1;}
  .student .map_txt em { color:#0066a1;}



.map_wrap .map_pointer {
  width:100%;
  line-height: .5;
}
.map_wrap .map_pointer a {
  display: block;
  position: absolute;
  max-width: 10px;
  max-height: 10px;
  text-decoration: none;
  color: transparent;
}
.map_pointer .icon_sapporo { top:31%; left:62%;}
.map_pointer .icon_morioka { top: 40.8%; left: 67.8%;}
.map_pointer .icon_akita { top: 40.8%; left: 63.3%;}
.map_pointer .icon_aomori { top:37%; left:65%;}
.map_pointer .icon_sendai { top: 45.3%; left: 69%;}
.map_pointer .icon_koriyama { top: 49.6%; left: 67.4%;}
.map_pointer .icon_takasaki { top: 54.5%; left: 63%;}
.map_pointer .icon_nagano { top: 53.4%; left: 59.5%;}
.map_pointer .icon_niigata { top: 48.2%; left: 61.2%;}
.map_pointer .icon_saitama { top: 58.5%; left: 65%;}
.map_pointer .icon_utsunomiya { top: 54%; left: 66%;}
.map_pointer .icon_kasiwa { top: 59%; left: 69%;}
.map_pointer .icon_chiba { top: 63.2%; left: 69%;}
.map_pointer .icon_ichikawa { top: 61.4%; left: 68.6%;}
.map_pointer .icon_tsukuba { top: 55.4%; left: 69.5%;}
.map_pointer .icon_yoyogi { top: 61.5%; left: 65%;}
.map_pointer .icon_akihabara { top: 61.5%; left: 66.5%;}
.map_pointer .icon_machida { top: 62.4%; left: 63.8%;}
.map_pointer .icon_tachikawa { top: 62.2%; left: 63.8%;}
.map_pointer .icon_koufu { top: 61.8%; left: 61%;}
.map_pointer .icon_yokohama { top: 64.4%; left: 65.2%;}
.map_pointer .icon_shizuoka { top: 65.8%; left: 62%;}
.map_pointer .icon_nagoya { top: 64.8%; left: 56.4%;}
.map_pointer .icon_toyohashi { top: 66.8%; left: 57.4%;}
.map_pointer .icon_nagano { top: 56.5%; left: 59.5%;}
.map_pointer .icon_mie { top: 64.3%; left: 54%;}
.map_pointer .icon_kanazawa { top: 50%; left: 54%;}
.map_pointer .icon_osaka { top: 62.5%; left: 49.3%;}
.map_pointer .icon_kyoto { top: 58.5%; left: 50.2%;}
.map_pointer .icon_koube { top: 61%; left: 47.3%;}
.map_pointer .icon_okayama { top:61%; left:45%;}
.map_pointer .icon_hiroshima { top: 61%; left: 42%;}
.map_pointer .icon_yamaguchi { top: 58%; left: 39.7%;}

.map_pointer .icon_matsuyama { top: 64.8%; left: 40%;}
.map_pointer .icon_takamatsu { top: 64.8%; left: 46.2%;}
.map_pointer .icon_kochi { top: 68.5%; left: 41.2%;}
.map_pointer .icon_tokushima { top: 67.6%; left: 46.8%;}
.map_pointer .icon_fukuoka { top: 54.5%; left: 33%;}
.map_pointer .icon_saga { top: 54.5%; left: 30.6%;}
.map_pointer .icon_nagasaki { top: 57%; left: 29%;}
.map_pointer .icon_oita { top: 58.9%; left: 36.4%;}
.map_pointer .icon_miyazaki { top: 64.3%; left: 36.4%;}
.map_pointer .icon_kumamoto { top: 61.5%; left: 32.5%;}
.map_pointer .icon_kagoshima { top: 69%; left: 34%;}
.map_pointer .icon_okinawa { top:67%; left: 29%;}









/* TOP 修了者の声
========================================*/
#top_expert {
  padding-bottom: 6em;
}
.expert_leadtxt {
  display: block;
  max-width: 670px;
  margin: 0 auto 2rem;
  font-size: min(1.8vw, 18px);
  text-align: left;
}
.expert-blc-container {
  max-width: 968px;
  height: auto;
  overflow: visible;
  display: block;
  margin: 0 auto min(8.5vw,6rem);
  padding: min(2em,40px);
  background: #fff;
  border: 3px solid #3d9d32;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
  font-size: min(1.4vw, 14px);
}
.expert-blc {
  padding: min(2em,40px) min(1.5em,30px) min(1.5em,30px) min(2em,40px);
  position: relative;
  background: url("../img/bg-blc.gif") left top;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  overflow: hidden;
}
.expert-blc__txt { width: 60%; max-width: 525px;}
.expert-blc__txt .hd,
.expert-blc__txt .hd1 {
  position: relative;
  width: 100%;
  max-width: 529px;
  padding: 1em;
  margin: 0 0 15px;
  font-size: min(2.2vw,22px);
  color: #326732;
  line-height: 1.4;
  box-sizing: border-box;
  background: #fff;
  border: 3px solid #9db300;
  border-radius: 0.7em;
}
  .expert-blc__txt .hd::before,
  .expert-blc__txt .hd::after,
  .expert-blc__txt .hd1::before,
  .expert-blc__txt .hd1::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 50%;
  }
  .expert-blc__txt .hd::before {
    left: 100%;
    border-left: 25px solid #9db300;
    border-top: 25px solid transparent;
    border-bottom: 0 solid transparent;
  }
  .expert-blc__txt .hd::after {
    left: 99%;
    border-left: 22px solid #fff;
    border-top: 22px solid transparent;
    border-bottom: 0 solid transparent;
}
  .expert-blc__txt .hd1::before {
    right: 100%;
    border-right: 25px solid #9db300;
    border-top: 25px solid transparent;
    border-bottom: 0 solid transparent;
  }
  .expert-blc__txt .hd1::after {
    right: 99%;
    border-right: 22px solid #fff;
    border-top: 22px solid transparent;
    border-bottom: 0 solid transparent;
  }


.expert-blc__txt .hd--large { height: 127px; background:url("../img/img-balloon.png") no-repeat left top;}
.expert-blc__txt .body { font-size: min(1.6vw, 17px); font-weight:200; line-height: 1.3; color: black;}

.expert-blc__img { width: 40%; max-width: 270px;}
.expert-blc__img img { display: block;}
.expert-blc__img .name { padding: 5px 0 5px 75px; font-size: min(3.2vw, 23px); color: #326732; line-height: 1.4; font-weight: bold; background: url("../img/illust-expoert.png") no-repeat 21px top;}
.expert-blc__img .location { display: block; margin: 0 0 0 -8px;font-size: min(1.4vw, 16px);}

.expert-blc--thum-right .expert-blc__txt { float: left;}
.expert-blc--thum-right .expert-blc__img { float: right;}
.expert-blc--thum-left .expert-blc__txt { float: right; }
.expert-blc--thum-left .expert-blc__img { float: left;}

.expert-blc--thum-left .expert-blc__txt .hd--large { background:url("../img/img-balloon-right.png") no-repeat left top;}


.expert-blc+.expert-blc {
  margin-top: 20px
}
.expert-blc_01 figure {
  top: 32px;
  right: 21px
}
.expert-blc_02 {
  padding-bottom: 30px
}
.expert-blc_02 figure {
  top: 35px;
  left: 30px
}
.expert-blc_03 {
  padding-bottom: 30px
}
.expert-blc_03 figure {
  top: 32px;
  right: 21px
}
.expert-blc_04 {
  padding-top: 35px
}
.expert-blc_04 figure {
  top: 32px;
  left: 30px
}






#page_about section {
  padding-bottom: 2.5em;
}


/* キャリアコンサルタントとは
========================================*/
#about_lead .ub_dotted {
  padding-top: 1.6em;
  margin-bottom: .5em;
}
#about_lead {
  padding-bottom: 3.5em;
}
  #about_lead .ls_square li {
    line-height: 1.7;
    letter-spacing: -.05em;
  }
  #about_lead .ls_square li .fs_small {
    display: block;
    padding: .8em 0 .8em;
  }
  #about_lead .ls_square a {
    display: inline-block;
    margin-bottom: .5em;
    letter-spacing: 0;
  }

dl.atteover_box.place_ac {
  
}
dl.atteover_box.place_ac { box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, .3);}
  dl.atteover_box.place_ac dt {
    display: flex;
    padding: 0.4rem 0;
    background: #fff;
  }
    dl.atteover_box.place_ac dt span {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      background: #E2F3D8;
    }
dl.atteover_box.place_ac dt:first-of-type,
dl.atteover_box.place_ac dd:first-of-type { border-top: 1px solid #999999;}
dl.atteover_box.place_ac dt, dl.atteover_box.place_ac dd { border-bottom: 1px solid #999999;}

.findwork_lead {
  margin-bottom: 1.3em;
  letter-spacing: -0.05em;
}

#about_findwork .color_blk {
  background: #E7FFDC;
}
  #about_findwork .color_blk .content {
    padding: 2em;
  }

.list_marusuji { padding: 1.5rem 0 0;}
 #about_findwork .list_marusuji { padding: 0;}

  .list_marusuji li {
    list-style: none;
    padding-bottom: 0.7em;
    padding-left: 1.3em;
    text-indent: -1.3em;
    line-height: 1.4;
  }
.list_marusuji .fs_midi { display: inline-block; margin-bottom: 1em; padding-left: 1.4em;}
.list_marusuji .fs_small {
  display: block;
  padding-left: 0.5em;
  text-indent: -0.7em;
  line-height: 1.2;
}



#page_about .guide_btn_area { padding: 2em 0px 3rem;}




/*JAICO 国家資格キャリアコンサルタント養成講習 受講料割引のご案内*/
.ub_dotted.discount_mainttl {
  margin-bottom: 0;
  padding: 2em 0 0.4em 0.1em;
  background: #FFFFC0;
  border-bottom: 2px dotted #38B565;
  font-family: "UD新ゴNT B";
  text-align: center;
}
.discount_lead {
  margin-bottom: 2em;
  padding-top: 1.5em;
  font-size: min(1.7vw,17px);
  text-align: center;
}
#discount_info .guide_btn_area { padding: 3rem 0px 7rem;}
#discount_course3 .guide_btn_area { padding: 3rem 0px 5rem;}

  #discount_course .belt_br { margin-bottom: 0;}
  #discount_course .baloon_or { margin-bottom: .5em; padding: 0.15em 0; background: #FF8200;}
  #discount_course .baloon_or::before { border-top: 14px solid #FF8200;}

h3.ub_dotted.brown { margin-bottom: 0.9em; color: #660000;}

.discount_secondP {
  margin-bottom: 1.4em;
  font-size: min(1.8vw, 18px);
  line-height: 1.4;
}
.ls_square.brown { margin-bottom: 5rem;}
  .ls_square.brown li { font-size: min(1.8vw, 18px); line-height: 1.5;}

.chart_box {
  position: relative;
  max-width: 100%;
  margin: 1.8em 0 6.5em;
  background: #FFFFE9;
  border: 1px solid #660000;
  border-radius: .7em;
}
  a.clipping {
    position: absolute;
    display: block;
    display: none;
    width: 4.5em;
    height: 1em;
    left: 7%;
  }
  .clipping.fA { top: 19.3%;}
  .clipping.fAA { top: 51.5%;}
  .clipping.fAAA { top: 65.5%;}
  .clipping.fB { top: 41%;}
  .clipping.fC { top: 80.2%;}

.border_box.orange a.icon_arrow { margin-left: 1em;}
.border_box.orange a.icon_arrow::before { border-left: 0.4em solid #660000;}






/*専門実践教育訓練給付制度について*/
#page_system .baloon_g,
#page_system .baloon_or,
#page_system .baloon_aq {
  padding: 0.3em 0;
}
#page_system section {
  padding-bottom: 3rem;
}
#page_system .ub_dotted {
  padding: 2em 0 0.2em;
  font-family: "UD新ゴNT M";
  font-size: min(2.5vw,25px);
  border-bottom: 1px dotted #38B565;
}
p.system_lead {
  margin-bottom: 1em;
  letter-spacing: -0.02em;
}
  .color_blk .fs_small {
    margin-bottom: 0.5em!important;
    padding: 0 0 0;
    padding-left: 1em;
    text-indent: -1em;
  }
.color_blk .ttl.lsP030 .fs_small { padding-left: 0;}

.ic_attention {
  position: relative;
  margin: 1.5rem 0 3rem;
  padding-left: 3em;
  color: #F00000;
  line-height: 1;
    font-size: 90%;
}
  .ic_attention::before {
    display: inline-block;
    position: absolute;
    content: "";
    background: url(../img/icon_attention.png);
    background-size: contain;
    width: 38px;
    height: 38px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
#system_flow img {
  padding: 2rem 0 1rem;
}
.bg_Ylblk {
  max-width: 820px;
  margin: 0.3em 0 2.3em;
  padding: 1.5em 1.5em 1.5em 1.8em;
  background: #FFFFC0;
}
.bg_Ylblk li { line-height: 2;}

.text_center {
  text-align: center;
  margin: 0;
  padding: 0.2em 0 1em;
  line-height: 2;
}
#page_system .guide_btn_area { padding: 5.5em 0px 3.5rem;}



/*会場一覧・お申し込み*/
  .detail_pagettl {
    margin-left: 1em;
    font-family: "UD新ゴNT B";
    font-size: min(3.7vw,37px);
    color: #fff;
  }
.deta_head {
  padding: 0.6em 0;
  background: #38B565;
  font-family: "UD新ゴNT B";
  font-size: min(3vw,30px);
  color: #fff;
  text-align: center;
}
  .deta_head .fs_small {
    display: inline-block;
    font-size: min(2.5vw,25px);
  }
.deta_head0 {
  padding: 0.6em 0;
  background: #38B565;
  font-family: "UD新ゴNT B";
  font-size: min(3vw,30px);
  color: #fff;
  text-align: center;
}
.deta_head2 {
  padding: 0.6em 0;
  background: #38B565;
  font-family: "UD新ゴNT B";
  font-size: min(3vw,30px);
  color: #fff;
  text-align: center;
}
.detail_infobtn {
  display: flex;
  justify-content: space-between;
  padding: 3rem 0 0;
    margin-bottom: 2rem;
}
.detail_infobtn a {
  position: relative;
  display: block;
  width: 49%;
  max-width: 460px;
  padding: .8em 0;
  background: #00B8EE;
  border-radius: 2em;
  font-size: min(2vw, 20px);
  color: #fff;
  text-align: center;
  letter-spacing: .05em;
  text-decoration: none;
}
.detail_infobtn a:nth-of-type(2) { background: #80C645;}

  .detail_infobtn a::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1em;
    margin: auto;
    content: "";
    width: .4em;
    height: .4em;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    vertical-align: middle;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

#page_detail .ls_square {
  margin-bottom: 2rem;
}
#page_detail .ls_square .strong {
  font-size: min(1.6vw, 16px);
  color: red;
}
.deta_hellowork {
  margin-bottom: 3rem;
  padding: 1.5em 1.8em;
  background: #fff;
  border-radius: .7em;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, .4);
}
  .deta_hellowork h3 {
    margin-bottom: 0.5em;
    padding-bottom: 0.3em;
    border-bottom: 1px dotted #727171;
    color: #38B565;
  }
  .deta_hellowork .arrow_double {
    display: block;
    margin: 0.5em 0;
  }


.apli_tabWrap {
  width: 100%;
  margin: 0 auto;
}
.apli_tabBtn{
  display:none;
}
.apli_tabList_wrap {
  display:flex;
  justify-content: center;
  gap: 40px;
}
  .apli_tabList_wrap li {
    width: 50%;
    max-width: 385px;
    z-index: 10;
  }
    .apli_tabList {
      display:block;
      margin-bottom: -3px;
      padding: 1.2rem 0;
      border: 3px solid #009944;
      border-bottom: 3px solid #009944;
      border-radius: 10px 10px 0 0;
      background: #009944;
      font-family: "UD新ゴNT B";
      font-size: min(2.8vw,28px);
      color: #fff;
      text-align:center;
      letter-spacing: .04em;
      cursor: pointer;
    }
    .apli_tabList .fs_small { font-size: min(2.2vw,22px);}
    .apli_tabList .fs_midi { font-size: min(2.6vw,26px);}

  #apli_tabBtn1:checked ~ .apli_tabList_wrap #apli_tabList1,
  #apli_tabBtn2:checked ~ .apli_tabList_wrap #apli_tabList2 {
    background:#f9fff6;
    border-bottom: 3px solid #f9fff6;
    color: #009944;
  }
  .apli_tabContent {
    display:none;
    position: relative;
    margin-bottom: 32px;
    background: #f9fff6;
    border: 3px solid #009944;
    border-radius: 10px;
  }
  #apli_tabBtn1:checked ~ .apli_tabContainer #apli_tabContent1,
  #apli_tabBtn2:checked ~ .apli_tabContainer #apli_tabContent2 {
    display: block;/*対応するボタンにチェックが入ったときに表示*/
  }

.appli {
  margin-top: 90px;
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
}

.ap_box {
  box-sizing: border-box;
  padding: 3.5rem 4.7rem 3rem;
  font-size: min(2vw, 20px);
}
.ap_box em { font-style: normal;}

.ap_flow {
  padding-top: 9px;
  padding-right: 27px;
  padding-bottom: 9px;
  padding-left: 27px;
  position: relative;
  box-sizing: border-box;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #009944;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: #009944;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #009944;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #009944;
  border-radius: 8px;
  background-color: white;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  font-size: 18px;
  line-height: 1.6;
  text-align: center;
}
.ap_flow::before {
  position: absolute;
  content: "";
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: -13px;
  top: -24px;
  left: 50%;
  border: 12px solid transparent;
  border-top: 10px solid #009944;
  z-index: auto;
}
.ap_flow:first-child::before {
  content: none;
}/**/
.ap_flow em {
  font-family: "UD新ゴNT B";
  font-size: min(2vw,20px);
  color: #555555;
}
.ap_flow .fs_small {
  margin: 5px 0 10px 0;
  font-size: min(1.3vw, 13px);
}
.ap_flow strong {
  display: inline-block;
  margin-top: 0;
  margin-right: 2px;
  margin-bottom: 0;
  margin-left: 2px;
  padding-top: 0;
  padding-right: 3px;
  padding-bottom: 0;
  padding-left: 3px;
  color: white;
  border-radius: 4px;
  background-color: #58b4e0;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  line-height: 1.4;
}
.ap_flow a {
  color: #1681a9;
  text-decoration: underline;
}
.ap_flow a img {
  margin-left: 5px;
  vertical-align: bottom;
}
.ap_flow small {
  color: red;
}
.ap_flow .ico-pdf {
  display: inline-block;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 5px;
  vertical-align: bottom;
}
.gray {
  border-color: #a0a0a0;
}
  .gray::before {
    border: 12px solid transparent;
    border-top: 10px solid #5f5f5f;
  }

.ap_verticalBox {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.ap_vertical {
  position: relative;
  width: 49%;
  max-width: 367px;
  margin: 5px 0;
  padding: 10px 20px;
  border: 2px solid #959595;
  font-size: min(1.5vw, 15px);
  line-height: 1.35;
  color: #555555;
}
.ap_vertical::before {
  content: none;
}
.ap_flow + .ap_flow {
  margin-top: 30px;
}
.ap_vertical + .ap_vertical {
  margin-top: 5px;
  overflow: visible;
}
.ap_verticalBox::after {
  display: block;
  position: absolute;
  content: "OR";
  width: 2.5em;
  height: 2.5em;
  padding: 0;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  border: 3px solid #fff;
  background: #5f5f5f;
  border-radius: 100%;
  font-family: helvetica;
  font-size: clamp(11px, 1.5vw, 15px);
  font-weight: bold;
  line-height: 2.5em;
  text-align: center;
  letter-spacing: 1px;
  color: #fff;
  overflow: visible;
  z-index: auto;
}
.ap_step {
  display: block;
  padding-top: 9px;
  padding-right: 14px;
  padding-bottom: 9px;
  padding-left: 16px;
  top: -10px;
  left: -10px;
  position: absolute;
  z-index: auto;
  font-size: 13px;
  color: white;
  background-color: #61b03f;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  line-height: 1;
  border-radius: 8px;
  font-family: helvetica;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: white;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: white;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: white;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: white;
}
.ap_step i {
  margin-left: 2px;
  font-size: min(2.5vw, 25px);
  font-style: normal;
  font-weight: bold;
}
.u-clear::before, .u-clear::after {
  content: "";
  display: table !important;
}
.u-clear::after {
  clear: both;
}
/*アテンション*/
.attention {
  margin: 0 auto 70px;
  padding: 0 32px 30px 32px;
  background: #fff;
  border: 2px solid #38B565;
  font-size: min(1.6vw, 16px);
  line-height: 1.35;
  color: #333333;
  border-radius: 10px;
}
.attention__hd {
  margin: 0 0 15px;
  padding: 28px 0 15px 0;
  font-family: "UD新ゴNT B";
  font-size: min(2vw, 20px);
  color: #38B565;
  line-height: 1;
  text-align: center;
}
.attention__list {}
  .attention__list li {
    padding: 0 0 0 1em;
    line-height: 1.8;
  }
  .attention__list li::first-letter {
    margin: 0 0 0 -1em;
  }

.area_head {
  padding: 0.4em 0;
  background: #F2FFEA;
  border: 1.5px solid #38B565;
  font-family: "UD新ゴNT B";
  font-size: min(2.2vw, 22px);
  color: #38B565;
  text-align: center;
}
.sysarea_lead {
  margin: 1.5rem 0;
  text-align: center;
  line-height: 1.8;
}
.sysarea_lead .strong {
  font-size: min(3vw, 19px);
  color: #4C4948;
}


/* ================================= */
/*      Animation(js) 「＞」アイコン      */
/* ==================================*/
.venue_container {
  margin-bottom: 1em;
}
.venue_box {
  margin-bottom: 6px;
}
summary.venue_area {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  padding: .7rem 1rem .7rem 3rem;
  background-color: #38B565;
  font-size: min(1.5vw, 15px);
  color: #fff;
  font-weight: bold;
  transition: background-color .3s;
}
.venue_container .venue_box:nth-child(odd) .venue_area { background-color: #80C645;}
.venue_container .venue_box:first-of-type .venue_area { background: #00BEBE;}

summary.venue_area:hover { background-color: #b7f285; background-color: #56d182;}
.venue_container .venue_box:nth-child(odd) .venue_area:hover { background-color: #b7f285;}
.venue_container .venue_box:first-of-type .venue_area:hover { background-color: #38e8e8;}

summary.venue_area::before,
summary.venue_area::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 1.5em;
  margin: auto;
  vertical-align: middle;
}
summary.venue_area::before {
  transform: rotate(45deg);
  width: 1.1em;
  height: 1.1em;
  border: 1.5px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
summary.venue_area::after {
  left: 1.8em;
  box-sizing: border-box;
  width: 6px;
  top: 0.5em;
  height: 6px;
  border: 5px solid transparent;
  border-top: 6px solid #fff;
}
details[open] summary.venue_area::after {
  top: -0.5em;
  transform: rotate(180deg);
}
  summary.venue_area .area_big {
    display: block;
    width: 8em;
    font-size: min(2vw, 19px);
    white-space: nowrap;
  }
  summary.venue_area .fs_small {
    display: inline-block;
    font-size: min(1.8vw,18px);
  }
.venue_detail { padding: 3px 0;}

.access-table {
  width: 100%;
  display: flex;
  position: relative;
  border-top: 2px solid #c1c1c1;
  border-bottom: 2px solid #c1c1c1;
}
.access-table em { font-style: normal;}

.access-table + .access-table {
  margin-top: 5px;
}
.access-table__body {
  width: calc(100% - 15.87%);
  max-width: 810px;
  float: right;
}
/*.access-table__body .access-table__rows:nth-of-type(4) { display: none;}*/
.access-table__body .access-table__rows:nth-of-type(even) {background: #eeeeee;}


/*.access-table tr:nth-child(2n) td,
.access-table tr:nth-child(2n) th {
  background: #eeeeee;
}*/
.access-table th, .access-table td {
  vertical-align: middle;
}
.access-table > td { width: 90%;}

.access-table td {
  position: relative;
  padding: 15px 22px;
  font-size: clamp(10px, 1.4vw, 14px);
  text-align: left;
  line-height: 1.6;
}
.access-table td em {
  font-family: "UD新ゴNT B";
}
.access-table td.date-cell {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
}
.access-table td .map-link {
  display: block;
  position: absolute;
  width: 78px;
  height: 24px;
  top: 0px;
  bottom: 0px;
  right: 20px;
  left: 0px;
  margin: auto;
  margin-right: 0;
  overflow: visible;
  z-index: auto;
}
.access-table td .map-link a {
  display: block;
  width: 78px;
  height: 24px;
  padding: 3px 0 0;
  background: url("../img/ico-map.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left top;
  color: #3e80ac;
  text-align: right;
  text-decoration: none;
  overflow: visible;
}
.access-table td .map-link1 {
  display: block;
  position: absolute;
  width: 78px;
  height: 24px;
  top: -16px;
  right: 20px;
  left: 0;
  bottom: 0;
  margin: auto;
  margin-right: 0;
  overflow: visible;
  z-index: auto;
}
.access-table td .map-link1 a {
  display: block;
  width: 78px;
  height: 24px;
  padding: 3px 0 0;
  background: url("../img/ico-map.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left top;
  color: #3e80ac;
  text-align: right;
  overflow: visible;
  box-sizing: border-box;
}
.access-table td .map-link2 {
  display: block;
  position: absolute;
  width: 78px;
  height: 24px;
  overflow: visible;
  top: 116px;
  bottom: 0;
  right: 20px;
  left: 0;
  margin: auto;
  margin-right: 0;
  z-index: auto;
}
.access-table td .map-link2 a {
  display: block;
  width: 78px;
  height: 24px;
  padding: 3px 0 0;
  background: url("../img/ico-map.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left top;
  text-align: right;
  color: #3e80ac;
  overflow: visible;
  box-sizing: border-box;
}
.access-table .date {
  display: flex;
  width: calc(100% / 2);
  font-size: min(1.4vw, 14px);
  box-sizing: border-box;
}
.access-table .date tbody {
  width: 100%;
  display: table;
}
.access-table .date td { background: #fff!important; white-space: nowrap;}
.access-table .date td.zoom { background: #fff6cc!important;}

.zoom_col {
  width: 100%;
  margin: 0 0 0 5px;
  padding: 0 1.5em 0.6em;
  border-top: 1px solid #d6d6d6;
  font-size: 80%;
}
.txt_datezoom {
  position: relative;
  display: inline-block;
  margin-top: .5em;
  padding-left: 1.3em;
  font-family: "UD新ゴNT L";
}
  .txt_datezoom::before {
    position: absolute;
    content: "";
    top: .2em;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 1em;
    height: 1em;
    background: #fff6cc;
    border: 1px solid #c1c1c1;
  }

.access-table .date-count {
  position: relative;
  padding: 8px 5px 0;
  text-align: center;
}

.access-table .date-count::before {
  display: block;
  position: absolute;
  content: " ";
  width: 1px;
  height: 100%;
  top: 5px;
  right: 0;
  background: #c1c1c1;
  overflow: visible;
  z-index: auto;
}
.access-table .date-count::after {
  display: block;
  content: " ";
  width: 100%;
  height: 1.5px;
  margin: 8px 0 0;
  overflow: visible;
  background: #c1c1c1;
}

.access-table .date-detail {
  position: relative;
  padding: 10px 0;
  text-align: center;
}
.access-table .date-detail::before {
  display: block;
  position: absolute;
  content: " ";
  width: 1px;
  height: 100%;
  bottom: 5px;
  right: 0px;
  background: #c1c1c1;
  overflow: visible;
  z-index: auto;

}
.access-table__hd {
  width: 15.87%;
  min-width: 7em;
  max-width: 153px;
  padding: 0 0.5em;
  top: 0;
  left: 0;
  background: #d9ebda;
  border-right: 2px solid #c1c1c1;
  text-align: center;
}
.access-table__hd .inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  height: 100%;
}
.access-table__hd .hd {
  display: block;
  width: 100%;
  padding: 0 0 6px;
  border-bottom: 1px solid #818181;
  font-family: "UD新ゴNT B";
  font-size: min(3vw, 23px);
  color: #2a7e00;
  line-height: 1;
}
.access-table__hd .hd_ol {
  display: block;
  padding: 0 0 6px;
  border-bottom: 1px solid #818181;
  font-size: clamp(13px, 2vw, 20px);
  color: #2a7e00;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}
.access-table__hd .hd small {
  display: block;
      font-size: clamp(12px,1.4vw, 14px);
  line-height: 1.4;
}
.access-table__hd .hd_ol small {
  font-size: clamp(12px,1.5vw, 15px);
  line-height: 1;
}
.access-table__hd .hd .small2 {
  font-size: clamp(10px,1.3vw, 13px);
  line-height: 1;
}
.access-table__hd .hd .small-attention {
  color: #ed5f4f;
}
.access-table__attention {
  font-size: clamp(12px,1.4vw, 14px);
  line-height: 1;
}
.access-table__subhd {
  width: 10%;
  padding: 16px 0;
  border-right: 1px solid #c1c1c1;
  font-family: "UD新ゴNT B";
  font-size: clamp(10px,1.4vw, 14px);
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}
.access-table__subhd2 {
  width: 96px;
  padding: 16px 0;
  border-right: 1px solid #c1c1c1;
  font-size: min(1.4vw, 14px);
  line-height: 1;
  text-align: center;
}
.access-table__btn {
  display: inline-block;
  padding: 10px 30px;
  background: linear-gradient(0deg, #4287b4 0%, #50a2d9 100%);
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  text-shadow: 0px -1px 0px #0f4f7b;
  transition: opacity 0.2s ease 0s;
  font-size: clamp(12px, 1.4vw, 14px);
  color: #fff;
  line-height: 1;
  letter-spacing: 1px;
  text-decoration: none;
}
.access-table__btn + .access-table__btn {
  margin-left: 5px;
}
.access-table__btn:hover {
  text-decoration: none;
  opacity: .6;
}
.access-table .ico-accept {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  margin: 10px auto 0;
  padding: 10px 0;
  border: 2px solid #fff;
  border-radius: 5px;
  font-size: clamp(12px, 1.6vw, 16px);
  color: #fff;
  text-align: center;
  line-height: 1;
  letter-spacing: .5px;
  box-sizing: border-box;
}
.access-table-status {
  width: 100%;
}
.access-table .ico-accept.ico-accepted-before {
  background: #f0bd34;
}
.access-table .ico-accept.ico-accepted-before::before {
  content: "受付開始前";
  background: #f0bd34;
}
.access-table .ico-accept.ico-accepting {
  width: 90%;
  padding-left: 1.5em;
  background-color: #ed5f4f;
  background-image: url("../img/ico-pencil.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: .7em center;
}
.access-table .ico-accept.ico-accepting::before {
  content: "受付中";
}
.access-table .ico-accept.ico-slightly {
  padding-left: 25px;
  background-color: #ec8913;
  background-image: url("../img/ico-triangle.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 8px center;
}
.access-table .ico-accept.ico-slightly::before {
  content: "残りわずか";
}
.access-table .ico-accept.ico-end {
  background: #8e8e8e;
}
.access-table .ico-accept.ico-end::before {
  content: "受付終了";
}
.access-table .access-table-status .limit {
  display: block;
  padding: 8px 0 0;
  font-size: clamp(12px, 1.4vw, 14px);
}
.access-table .access-table-status .body {
  display: none;
}
.ie9.access-table .date {
  width: 33%;
  float: left;
}

.deta_lead {
  padding-top: 2em;
  font-size: min(1.8vw, 18px);
  line-height: 1.5;
  text-align: center;
}
.deta_txtlast { margin-bottom: 8rem;}





/* キャリ模擬® */
#page_exam .deta_head { background: #80C645;}

.exam_lead {
  max-width: 1100px;
  margin: 0 auto;
  padding: 2.5em 22% 2.5em 3.5em;
  background: url("../img/photo_exam.png") no-repeat;
  background-position: right;
  background-size: contain;
  font-size: min(1.8vw, 18px);
  line-height: 1.7;
}
#page_exam .baloon_yl { padding: 0.2em 0; box-shadow: none;}

#exam_detail { padding-bottom: 8rem;}
#exam_detail .ub_dotted { margin-bottom: .8em;}

.list_pgSinmle.exam_howto { padding: 1.2em 1.5em 0;}
.list_pgSinmle.exam_howto li { margin-bottom: .5em;}

#page_exam .list_pg > .ttl { width: 23.13%;}
#page_exam .list_pg > .txt01 { width: calc(100% - 23.13%);}

.list_pg.exam_pay > li { height: 6.55em;}
.list_pg.exam_pay .list_pGr { height: 100%;}
  ul.exam_pay .list_pGr > li { display: flex; align-items: center;}
  ul.exam_pay .list_pGr > .ttl { width: 50%;}
  ul.exam_pay .list_pGr > .content { width: 50%; padding-left: 2em;}

.list_pgSinmle .icon_squareG::before { top: .25em;}

.examschedule {
  margin-bottom: .8em;
}
.examschedule .list_pGr > li { width: 50%;}
.examschedule > .ttl {
  align-items: flex-start;
  font-family: "UD新ゴNT M";
  font-size: min(2vw, 20px);
  background: #FFFFC0;
}
.examschedule .list_pGr .contentb {
  padding: 1.7em 1.2em 0.2em 1.2em;
  font-family: "UD新ゴNT M";
  font-size: 100%;
	font-weight:700;
  border-right: 1px solid #C8C8C8;
}

.examschedule .list_pGr .ttl {
  padding: .4em 1.5em;
}
.examschedule .list_pGr .content {
  padding: 1.2em 0.7em 1.2em 1.2em;
  font-family: "UD新ゴNT M";
  font-size: min(2vw, 20px);
  border-right: 1px solid #C8C8C8;
}
.examschedule .list_pGr .ttl:nth-of-type(2),
.examschedule .list_pGr .content:last-of-type { border-right: none;}

.not {
  display: inline-block;
  position: relative;
}
  .not::before {
    display: none;
    position: absolute;
    content: "終了";
    padding: 0 1em;
    width: 2.8em;
    height: 1.7em;
    top: 0;
    bottom: 0;
    left: 115%;
    margin: auto;
    background: #4C4948;
    border-radius: 1em;
    font-size: min(1.16vw, 11.6px);
    color: #fff;
    text-align: center;
    line-height: 1.7em;
  }

.examschedule.end_exam {}
  .examschedule .now::before { display: block;}

.examschedule.end_exam {}
  .examschedule.end_exam .not::before { display: block;}
  .examschedule.end_exam > .ttl { background: #F2FFEA;}
  .examschedule.end_exam .list_pGr .content { color: #C8C8C8;}

.examschedule.before_exam {}
  .examschedule.before_exam .not::before { display: block;}
  .examschedule.before_exam > .ttl { background: #F2FFEA;}
  .examschedule.before_exam .list_pGr .content { color: #4C4948;}

.before {
  display: inline-block;
  position: relative;
}

.now {
  display: inline-block;
  position: relative;
}
  .now::before {
    display: none;
    position: absolute;
    content: "申込受付中";
    padding: 0 1em;
    width: 5.8em;
    height: 1.7em;
    top: 0;
    bottom: 0;
    left: 115%;
    margin: auto;
    background: #ED7D31;
    border-radius: 1em;
    font-size: min(1.16vw, 11.6px);
    color: #fff;
    text-align: center;
    line-height: 1.7em;
  }
.now-end {
  display: inline-block;
  position: relative;
}
  .now-end::before {
    display: block;
    position: absolute;
    content: "受付終了";
    padding: 0 1em;
    width: 4.8em;
    height: 1.7em;
    top: 0;
    bottom: 0;
    left: 115%;
    margin: auto;
    background: #ED7D31;
    border-radius: 1em;
    font-size: min(1.16vw, 11.6px);
    color: #fff;
    text-align: center;
    line-height: 1.7em;
  }

.now-day1114 {
  display: inline-block;
  position: relative;
}
.now-day1114::before {
    display: block;
    position: absolute;
    content: "11/14申込開始";
    padding: 0 1em;
    width: 6.8em;
    height: 1.7em;
    top: 0;
    bottom: 0;
    left: 115%;
    margin: auto;
    background: #ED7D31;
    border-radius: 1em;
    font-size: min(1.16vw, 11.6px);
    color: #fff;
    text-align: center;
    line-height: 1.7em;
  }
/* 過去のイベント 一覧 */
#page_event .top_img,
#page_event .deta_head { background: #F7B31C;}

#event_memories { padding-bottom: 7em;}

.event_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.5em 0 2em;
}
  .event_pastList {
    display: flex;
    font-size: min(1.3vw, 13px);
  }
    .event_pastList li a {
      display: inline-block;
      padding: 0 1em;
      border-left: 1px solid #FF9900;
      color: #660000;
      line-height: 1.1;
    }
    .event_pastList li:last-of-type a { border-right: 1px solid #FF9900;}

  .event_atte {
    font-size: clamp(10px, 1.2vw, 12px);
    color: #4C4948;
    text-decoration: underline;
  }

.event_box {
  margin-bottom: 3em;
  background: #fff;
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, .3);
}
.event_box h3 {
  padding: 0.6em 1.5em;
  background: #FFE185;
  border-left: 9px solid #FFAA00;
  font-size: min(2.3vw, 23px);
  color: #660000;
}
  h3.end_event span {
    position: relative;
    display: inline-block;
  }
  h3.end_event span::before {
    position: absolute;
    content: "終了";
    top: 0;
    bottom: 0;
    left: 109%;
    margin: auto;
    width: 5em;
    height: 1.7em;
    background: #FF8200;
    border-radius: 1em;
    font-size: min(1.2vw, 12px);
    color: #fff;
    text-align: center;
    line-height: 1.7;
  }
.event_box .content {
  padding: 0 2em 0.7em;
}
.event_box .content > ul {}

.event_box .content > ul li { border-bottom: 1px dotted #727171;}
.event_box .content > ul li:last-of-type { border-bottom: none;}

  .event_box .content > ul .overview {
    padding: 0.7em 0 0.8em;
    font-family: "UD新ゴNT M";
    font-size: min(1.8vw, 18px);
  }
    .event_box .content span.icon_squareOr {
      display: block;
      padding: 0 0 0 1.1em;
      line-height: 1.8;
    }
    .event_box .content span.icon_squareOr::before {
      width: 0.9em;
      height: 0.9em;
      top: 0;
      bottom: 0;
      margin: auto;
    }
  .event_box .content > ul .timetable {
    padding: 1em 0;
    padding-left: 3.2em;
    text-indent: -3.2em;
  }
  .event_box .content .guest {
    display: block;
    position: relative;
    padding: 0 0 0 4em;
    line-height: 1.5;
    text-indent: 0;
  }
    .event_box .content .guest::before {
      position: absolute;
      content: "ゲスト";
      top: 0.2em;
      left: 0;
      margin: auto;
      width: 5em;
      height: 1.7em;
      background: #999999;
      border-radius: 1em;
      font-size: min(1.1vw, 11px);
      color: #fff;
      text-align: center;
      line-height: 1.7;
    }






/* 試験対策講座問い合わせ一覧 */
#page_contact .top_img,
#page_contact .deta_head { background: #00cccc;}
#page_contact .deta_head0 { background: #007A7A;}
#page_contact .deta_head2 { background: #00CCCC;}
  #page_contact .detail_pagettl {　margin-left: 0.5em;}

.ub_dotted {
  padding: 1.5em 0 0.3em;
  font-size: min(2.5vw, 25px);
  color: #4C4948;
}

.contact_listWrap {
  margin-bottom: 8rem;
}
/*.contact_listWrap {
  overflow-x: scroll;
}
  .contact_list {
    white-space: nowrap;
  }*/
  .contact_list {
    width: 100%;
    border-collapse: collapse;
  }
    .contact_list th,
    .contact_list td {
      height: 3.5em;
      border: 1px solid #C8C8C8;
      vertical-align:middle
    }
    .contact_list tr:nth-of-type(odd) { background: #F2FCFC;}

    .contact_list th { background: #B2F0F0; font-family: "UD新ゴ L";}
    .contact_list td { padding: 0.3em 0.8em 0.3em 1.2em;}

    .contact_list tr th:nth-of-type(1),
    .contact_list tr td:nth-of-type(1) { width: 15%;}
    .contact_list tr th:nth-of-type(2),
    .contact_list tr td:nth-of-type(2) { width: 37.3%; line-height: 1.3;}
    .contact_list tr th:nth-of-type(3),
    .contact_list tr td:nth-of-type(3) { width: 19.3%;}
    .contact_list tr td:nth-of-type(3) { font-size: min(2.5vw, 18px);}
    .contact_list tr th:nth-of-type(4),
    .contact_list tr td:nth-of-type(4) { width: 28.4%; padding: .4em 0;}

.list_contact a{
    font-size: 110%;
}
   .list_contact a[href*=".pdf"]:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	/*margin-right: 10px;*/
	background-image: url(../img/icon_pdf.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.contact_listdl{
    border-width:3px;
    border-style:solid;
    border-color:#007A7A;
    margin-bottom:4vh;
    }  



.btn_detail {
  display: block;
  max-width: 233px;
  margin: 0 auto;
  padding: 0.35em 0;
  background: #00CCCC;
  border-radius: 2em;
  box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, .3);
  font-size: min(1.4vw, 14px);
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.contact_list tr:nth-of-type(odd) .btn_detail { background: #80C645;}



.list_contact {
  display: block;
  flex-wrap: wrap;
  border-top: 1px solid #C8C8C8;
  border-left: 1px solid #C8C8C8;
  color: #4C4948;}


.list_contact.exam_howto { padding: 1.2em 1.5em 0; }
.list_contact.exam_howto ul {text-align: center;}
.list_contact.exam_howto li { margin-bottom: .5em;}



.list_contact {
  padding: 1em 1.5em 0.2em;
  background: #F2FCFC;
 /* border: 3px solid orange;
	margin-bottom: 1rem;*/
}



.list_contact a{
	text-decoration: underline;
}

.list_contact li{
    font-size:120%;
    font-weight: 600;
}

/* ======================================================
  PAGE TOP
====================================================== */
#page_top {
  width: 65px;
  height: 65px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  background: #38B565;
  opacity: 0.6;
  z-index: 11;
}
  #page_top a{
    position: relative;
    display: block;
    width: 65px;
    height: 65px;
    text-decoration: none;
  }
    #page_top a::before {
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      content: '\f102';
      font-size: min(2.5vw, 25px);
      color: #fff;
      position: absolute;
      width: 25px;
      height: 25px;
      top: -25px;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      text-align: center;
    }
    #page_top a::after {
      content: 'TOP';
      font-size: 13px;
      color: #fff;
      position: absolute;
      top: 40px;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      text-align: center;
    }


/* ======================================================
  FOOTER STYLES
====================================================== */
    

.copywrite {
  font-size: clamp(10px, 1.2vw, 12px);
  text-align: center;
}


@media screen and (max-width: 1020px) {
.nav_dropdown > li:first-of-type { border-left: none;}
.nav_dropdown > li:last-of-type { border-right: none;}
}



@media screen and (max-width: 980px) {
/* ==========================================================================
  Slider
========================================================================== */
.img_pc { display: none!important;}
.img_tab { display: block!important;}
.img_smp { display: none!important;}
}




@media screen and (max-width: 820px) {
/* ==========================================================================
  Base
========================================================================== */


.logo_jaico { margin-right: 3em;}

ul.info_area li a { flex-wrap: wrap; height: 5em; padding: 0.5em 1em;}
  ul.info_area li a .name { width: 100%;}

.video_block { width: 90%;}

  .map_wrap .only_pc { display: block;}

/*.expert-blc__txt { width: 60%;}
.expert-blc__img { width: 40%;}*/
.expert-blc__txt .body { margin-bottom: 0;}






/* ==========================================================================
  Links
========================================================================== */

/* ==========================================================================
  TYPOGRAPHY
========================================================================== */

/* ======================================================
  H1, H2, H3, H4, H5 STYLES
====================================================== */

/* ==========================================================================
  LISTS
========================================================================== */

/* ==========================================================================
  IMAGES
========================================================================== */

/* ======================================================
  BUTTONS
====================================================== */

/* ==========================================================================
  FLEX
========================================================================== */

/* ==========================================================================
  FORMS
========================================================================== */


/* ==========================================================================
  TABLES
========================================================================== */


/* ==========================================================================
  INPUTS
========================================================================== */

/* ==========================================================================
  NAVIGATION
========================================================================== */
.dropdown {
  display: none;
}
  .hamburger {
    display: block;
  }
/* ==========================================================================
  BREADCLUMB
========================================================================== */

/* ==========================================================================
  CONTENTS
========================================================================== */

/* ======================================================
  HEADER STYLES
====================================================== */
.menu_sub { display: none;}




/* ======================================================
  MAIN STYLES
====================================================== */

/* ---------------------------------------
  TOP PAGE
---------------------------------------- */

/* ======================================================
  PAGE TOP
====================================================== */

/* ======================================================
  FOOTER STYLES
====================================================== */





}




@media screen and (max-width: 659px) {
.access-table { flex-wrap: wrap;}
  .access-table__hd { width: 100%; max-width: 100%; padding: 0.3em 1em; border-bottom: 2px solid #c1c1c1; border-right: none;}
.access-table__hd .inner { flex-flow: row;}
  /*.access-table__hd .hd_ol br { display: none; border-right: none;}
  .access-table-status { display: flex; align-items: center;}*/
    .access-table .ico-accept.ico-accepting { width: 8em;}
  .access-table__body { width: 100%;}
  .access-table__hd .hd { padding: 0; border-bottom: none;}
    .access-table__hd .hd,
    .access-table__hd .hd_ol { width: 70%; padding: 0; border-bottom: none; font-size: 5vw;}
    .access-table-status { width: 30%;}
      .access-table .access-table-status .limit { padding: 0;}
      .access-table .ico-accept { margin: 0 auto;}
  .access-table__rows .access-table__subhd { width: 15%;}
  .access-table__rows > td { width: 85%;}

/*.access-table__subhd + td { width: calc(100% - 6em);}
  .date > tbody { width: calc(100% / 3);}*/





}

@media screen and (max-width: 559px) {
  .access-table td.date-cell {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }

  .access-table .date {
    width: 100%;
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
  }

  .access-table .date tbody {
    display: table-row-group;
    width: auto;
  }

  .access-table .date td {
    width: calc(100% / 6);
    white-space: normal;
    word-break: break-word;
    text-align: center;
  }

  .date-cell .date:nth-of-type(1) .date-detail,
  .date-cell .date:nth-of-type(2) .date-detail {
    border-bottom: 1px solid #c1c1c1;
  }

  .date-cell .date-count,
  .date-cell .date-detail {
    width: calc(100% / 6);
  }
}





@media screen and (max-width: 480px) {
/* ==========================================================================
  Base
========================================================================== */
body { font-size: 3.6vw; word-wrap:break-word;}

main p { margin-bottom: 2em;}

.fs_small { font-size: 90%;}
.fs_ssmall { font-size: 85%;}

.only_pc {display: none;}
.only_tab {display: none;}
.only_smp {display: inline-block;}

.scroll_blk {
  overflow-x: scroll;
}
.scroll_blk > table,
.scroll_blk > ul {
  white-space: nowrap;
}

/* ==========================================================================
  Links
========================================================================== */

/* ==========================================================================
  TYPOGRAPHY
========================================================================== */

/* ======================================================
  H1, H2, H3, H4, H5 STYLES
====================================================== */

/* ==========================================================================
  LISTS
========================================================================== */

/* ==========================================================================
  IMAGES
========================================================================== */

/* ======================================================
  BUTTONS
====================================================== */

/* ==========================================================================
  FLEX
========================================================================== */

/* ==========================================================================
  FORMS
========================================================================== */


/* ==========================================================================
  TABLES
========================================================================== */


/* ==========================================================================
  INPUTS
========================================================================== */

/* ==========================================================================
  NAVIGATION
========================================================================== */


/* ==========================================================================
  Slider
========================================================================== */
.img_pc { display: none!important;}
.img_tab { display: none!important;}
.img_smp { display: block!important;}



/* ==========================================================================
  BREADCLUMB
========================================================================== */

/* ==========================================================================
  CONTENTS
========================================================================== */
.guide_btn_area { flex-wrap: wrap; padding: 0 0px 12vw;}
.guide_btn_area a { width: 100%; margin-bottom: 0.5em; font-size: 4.6vw;}

.baloon_g, .baloon_or, .baloon_aq, .baloon_yl { margin: 0 0 3vw; padding: .5em; font-size: 5vw; line-height: 1.2;}
  #page_system .baloon_g, #page_system .baloon_or, #page_system .baloon_aq { margin-bottom: 7vw; padding: .8em;}
.green_b { font-size: 7vw;}
.belt_g, .belt_br { margin-bottom: 6vw; padding: 0.6em 1em; font-size: 5.5vw; line-height: 1.2;}
 .up_sg { padding: 2rem 0; font-size: 6vw;}
.up_sg::after { height: 4px; bottom: 1em;}
.ub_dotted, h3.ub_dotted { padding: 9vw 0 0.2em; font-size: 5.3vw;}
.ub_dotted.discount_mainttl { padding: 8vw 1em 1vw; line-height: 1.2;}

.ub_dotted.tudu { padding-top: 3vw}

.list_pg > li { font-size: 3.5vw;}
.list_pg > .txt01 { padding: 1.1em 1.2em;}
  .list_pGr > .ttl { width: 26%;}
  .list_pGr > .content { width: calc(100% - 26%);}

.ls_squareG .ttl { font-size: 4vw;}
.ls_squareG { font-size: 3.5vw;}
.ls_square.brown { margin-bottom: 12vw;}
.color_blk .ttl { padding: .3em .5em; font-size: 4.2vw; line-height: 1.2;}

.icon_roundG { font-size: 3.8vw;}







/* ======================================================
  MAIN STYLES
====================================================== */
.top_img { margin-top: -2.6vw;}
#page_about .top_img,
#page_discount .top_img,
#page_system .top_img,
#page_detail .top_img,
#page_exam .top_img,
#page_event .top_img,
#page_contact .top_img { margin-top: -4.5vw;}

nav.guide { border-top: 3px solid#fff;}
nav.guide ul { flex-direction: column;}
  nav.guide ul li { width: 100%;}
    nav.guide ul li a { border-bottom: 3px solid#fff; border-left: none; font-size: min(5vw, 19px);}
    nav.guide ul li:nth-of-type(3) a { border-right: none;}




/* ---------------------------------------
  TOP PAGE
--------------------------------------- */
.attehow_block, .atteover_box, .atteschedule_box, .discount_blk { padding: 1.5em 1.2em;}


.news_listBox h2 { font-size: 4.2vw;}
  .news_listBox h2 a.icon_arrow { font-size: 2.9vw;}
  dl.news_list { font-size: 3.6vw;}
    dl.news_list dt { width: 6.5em;}
    dl.news_list dd { width: calc(100% - 6.5em);}
  .news_list + .ls_square { margin-bottom: 8vw; padding: 0.5em 1.3em; border: 1px dotted #C8C8C8; font-size: 3.6vw;}

.info_box { margin-bottom: 4vw;}
ul.info_area { gap: .5em; row-gap: .5em; margin-bottom: 10vw;}
  ul.info_area li { width: calc(100% / 2 - 0.25em);}
    ul.info_area li a { flex-direction: column; justify-content: center; align-items: flex-start; height: 4em; padding: 0.2em 0.5em 0; border: 2px solid #38B565;}
      ul.info_area li a .name { width: 100%; font-size: 3.8vw; line-height: 1;}
      ul.info_area li a .option { width: 100%; padding: 0; line-height: 1.3;}
      .inperson, .online, .phone { width: 6.5em; }

#top_pv .green_b { margin: 5vw 0 5vw;}
  .video_block { width: 90%; margin: 0 auto 8vw;}

.property_accBox { margin-bottom: 8vw}
summary.property_accSum { font-size: 4.6vw;}
  summary.property_accSum::before, summary.property_accSum::after { height: 2px;}
  summary.property_accSum span { padding: 0.25em 1rem 0.25em 2em;}
  summary.property_accSum span::before { border: 2px solid #fff;}
.property_accInn { padding: 1em 1.5em;}
  .property_accConte { flex-wrap: wrap;}
    .property_accConte p, .property_accConte .property_img { width: 100%;}
    .property_accConte .property_img img { display: block; width: 60%; margin: 0 auto;}
    .property_accConte .ls_squareG { width: 100%; font-size: 3.5vw;}
    #top_property .ls_squareG li a.icon_arrowG { display: block;}
    a.icon_arrowG + a.icon_arrowG { margin-left: 0;}
    .property_accConte .property_pict { display: flex; align-items: center; justify-content: center; gap: 5%; width: 100%;}
      .property_accConte .property_pict img { width: 45%;}
      .property_pict img:first-of-type { margin-bottom: 0;}


.question_leadtxt { font-size: 3.8vw;}
  .ques_ttl, .ques_answer { width: 95%; padding: 0.5em 0 0.5em 11vw;}
  .ques_ttl { font-size: 3.7vw; line-height: 1.2;}
  .ques_answer { font-size: 3.6vw; line-height: 1.4;}
  .ques_ttl::before, .ques_answer::before { font-size: 5vw;}
  a.btn_othercontact { width: 95%; margin: 1.1em auto 1.5em; font-size: 4.7vw;  line-height: 2.5; white-space: nowrap;}

 #top_about .up_sg { padding: 0.5rem 0 2rem;}
.about_leadtxt { font-size: 3.7vw;}
.attehow_box { flex-wrap: wrap;}
  .attehow_block { width: 100%; margin-bottom: 6vw; padding: 1.3em 1.6em;}
  .attehow_box .attehow_block:nth-of-type(1) p { line-height: 1.5;}
    .attehow_block h4 { margin-bottom: 0.5em; font-size: 4.6vw; line-height: 1.4;}
    .attehow_block p { margin: 0 0 1em; font-size: 3.6vw;}

dl.atteover_box dt { width: 100%; padding: 0.5em 0; font-size: 3.6vw;}
dl.atteover_box dd { width: 100%; padding: 0.8em 0 1.5em; font-size: 3.5vw; line-height: 1.6;}
dl.atteover_box dd:first-of-type { border-top: none;}
  dl.atteover_box .bold { font-size: 3.6vw;}
  dl.atteover_box dd .mb015 { margin-bottom: 0.8rem;}

.atteschedule_box { margin-bottom: 10vw;}
  .atteschedule_box h3 { font-size: 3.8vw;}
  .atteschedule_box p { font-size: 3.6vw;}
#top_about .guide_btn_area { padding-bottom: 12vw;}

.map_leadtxt { padding: .3em 0 .5em; line-height: 1.3; font-size: 5vw;}
.map_subtxt { font-size: 3.6vw;}
  .map_subtxt .ls_square { flex-wrap: wrap;}
    .map_subtxt .ls_square li { line-height: 1.5;}
.map_year { top: 0; left: 0; width: 20vw; height: 20vw; font-size: 3.2vw;}

.map_wrap { margin: 0 0 10vw;}
  .map_year, .map_pointer, .arw, .arw_01, .arw_02, .arw_03, .arw_04, .arw_05, .arw_06, .arw_07, .arw_08 { display: none!important;}
  .map_blc, .map_boxB { position: static; width: 100%; max-width: 100%; margin-bottom: 1em;}
  .map_blc { padding: 0.5em;}
  .map_boxB .map_blc { margin-bottom: 0;}
    .map_hd { width: 100%; padding: 0.5em 0; margin: 0 0 .5em; font-size: 3.6vw;}
    .map_txt em { margin: 0 0 0.5em; font-size: 4.5vw;}
    .map_txt span { font-size: 3.5vw;}

.expert_leadtxt { margin: 0 auto 6vw; font-size: 3.8vw;}
.expert-blc-container { padding: 3em;}
.expert-blc { padding: 2em;}
.expert-blc__txt .hd,
.expert-blc__txt .hd1 { max-height: 100%; box-sizing: border-box; margin: 0 0 0.8em;padding: 0.5em 1em; font-size: 4.4vw; line-height: 1.3; background-size: contain;}

  .expert-blc__txt .hd::before,
  .expert-blc__txt .hd::after,
  .expert-blc__txt .hd1::before,
  .expert-blc__txt .hd1::after {
    left: 10%!important;
    border: none;
  }
.expert-blc__txt .hd::before,
.expert-blc__txt .hd1::before {
    top: 100%;
  border-top: 15px solid #9db300;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}
.expert-blc__txt .hd::after,
.expert-blc__txt .hd1::after {
  top: calc(100% - 4px);
  border-top: 15px solid #fff;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}/*
.expert-blc__txt .hd1::before,
.expert-blc__txt .hd1::after { transform: rotate( 45deg );}*/



.expert-blc__txt .body { font-size: 3.5vw;}
  .fs_atte {font-size: 3.3vw;}

.map_wrap .only_pc { display: none;}

.expert-blc__txt { width: 100%;}
.expert-blc__img { width: 100%;}

.expert-blc__img { float: none; display: flex; align-items: flex-end; width: 100%; max-width: 100%;}
.expert-blc__img img { width: 40%;}
.expert-blc__img .name { width: 60%;}




#about_lead .ub_dotted { padding-top: 6vw; margin-bottom: 0.7em;}
dl.atteover_box.place_ac dd:first-of-type { border-top: none;}
  #page_about .content_inner > .list_pg > .ttl,
  #page_about .content_inner > .list_pg > .txt01,
  #page_about .content_inner > .list_pg.column3 .txt02 { width: 100%;}
  .list_pg > .ttl .fs_small, .list_Wh .fs_small { font-size: 85%;}

.discount_lead { margin-bottom: 6vw; font-size: 3.6vw;}
.discount_blk { margin-bottom: 6vw; padding: 1em 1.2em;}
  .discount_blk .ttl { font-size: 4.2vw; white-space: nowrap;}
    .discount_blk .ttl .fc_orange { margin-left: -1em; font-size: 4.8vw;}
    .discount_blk .ttl::before, .discount_blk .ttl::after { top: 0.7em; transform: translateY(0);}
    .discount_blk .ttl::after { top: 0.6em;}
  .discount_blk .ttl .fs_small { font-size: 3vw;}
  .discount_blk .after { font-size: 3.8vw;}
  .discount_blk .after .fs_big { font-size: 4.5vw;}
  .discount_blk + p { margin-bottom: 0;}
#discount_info .guide_btn_area { padding: 6vw 0px 12vw;}
#discount_course .baloon_or { padding: 0.6em 0;}

.discount_secondP { font-size: 3.8vw;}
.border_box { padding: 0.2em 1em 1.3em; font-size: 3.7vw;}
.border_box .ttl { margin-bottom: 5vw; padding-left: 1.5em; text-indent: -1.5em; font-size: 4.5vw; line-height: 1.3;}
.upbottom_borderS { font-size: 3.8vw;}
.ls_square.brown li { font-size: 3.7vw;}
.chart_box { margin: 1.8em 0 12vw;}
  .chart_box img { border-radius: 1em;}
  .ub_dotted.brown .fc_red { display: block; margin-top: -1em; font-size: 4vw; line-height: 1.2;}
  .strong { font-size: 3.7vw;}
#discount_course3 .guide_btn_area { padding: 5vw 0px 12vw;}

#page_system section { padding-bottom: .1em;}
#page_system .ub_dotted { font-size: 5.5vw;}
.list_link .ttl { font-size: 3.5vw;}
#page_system .ub_dotted { padding: 7vw 0 0.2em;}
.ic_attention { margin: 1rem 0 2rem; line-height: 1.2;}
#system_flow img { padding: 1rem 0;}
#page_system .icon_squareG { margin-bottom: 0.8em; font-size: 4vw;}
  #page_system .icon_squareG span { padding-left: 0; font-size: 3vw;}
  .payment_box img {margin-bottom: 5vw;}
  .burden_amount { font-size: 5vw;}
  .burden_amount .price { font-size: 7vw;}

.ls_squareNo .li_count { font-size: 3.6vw;}
#system_procedure .color_blk .content, #system_hellowork .color_blk .content { padding: 4vw 4.5vw 2vw;}
#system_procedure .strong { font-size: 4vw;}
.document_blk .img { width: 25%;}
  .document_blk .img img { max-width: 90%;}
.document_blk .item { width: calc(100% - 20%);}
  .document_blk .item li { padding-left: 1.5em; text-indent: -1.5em;}
#system_procedure .color_blk, #system_hellowork .color_blk { margin-bottom: 14vw;}

.top_img.noimg { flex-wrap: wrap; height: auto; padding: 1em 1em;}
  .top_img .detail_logo { width: 100%; max-width: 100%;}
    .top_img .detail_logo img { display: block; width: 50%; margin: 0 auto;}
  .detail_pagettl { margin-left: 0; margin-top: 0.5em; font-size: 5.5vw; text-align: center; line-height: 1.2;}
  .deta_head { font-size: 5vw;}
    .deta_head .fs_small { font-size: 4.5vw;}
  .deta_head2  { font-size: 4.5vw;}
    
  .deta_lead { padding-top: 1.5em; font-size: 3.8vw;}
  .detail_infobtn { flex-wrap: wrap; justify-content: center; row-gap: 1em; padding: 1.5rem 0 .5em;}
    .detail_infobtn a { width: 93%; font-size: 4.2vw;}
  #page_detail .ls_square .strong { font-size: 3.7vw;}

.apli_tabList_wrap { gap: 1em;}
  .apli_tabList_wrap li { width: 43%;}
  .apli_tabList { padding: 0.5rem 0; font-size: 6.2vw; line-height: 1.2;}
    .apli_tabList .fs_small { font-size: 4vw;}
    .apli_tabList .fs_midi { display: block; font-size: 4.2vw;}
    .ap_box { padding: 5vw 5vw 6vw; font-size: 3.6vw;}
    .ap_step { padding: 0.2em 0.5em; font-size: 4.3vw;}
      .ap_step i { font-size: 5.5vw;}
.ap_flow { padding: 1.5em 0.5em; font-size: 3.5vw;}
.ap_flow em { font-size: 3.8vw;}
.ap_flow .fs_small { font-size: 3.2vw;}
.ap_verticalBox { flex-wrap: wrap;}
.ap_vertical { width: 100%;}
.ap_verticalBox::after { width: 4.5em; height: 4.5em; line-height: 4.5em;}

.area_head { margin-top: 7vw; font-size: 4.3vw;}
.sysarea_lead .strong { font-size: 3.8vw;}



summary.venue_area { padding: 1em 1rem 1em 2.5em; font-size: 3.6vw;}
summary.venue_area::before, summary.venue_area::after { left: 0.7em;}
summary.venue_area::after { left: 1em;}
summary.venue_area .area_big { font-size: 3.6vw;}
summary.venue_area .fs_small { width: calc(100% - 8em); font-size: 2.8vw;}



  a.clipping { display: block;}



.access-table__hd { padding: .3em .5em;}
  .access-table__hd .hd { width: 60%; font-size: 5vw;}
  .access-table-status { width: 40%;}
  .access-table td.date-cell { flex-wrap: wrap;}
  .date-cell .date:nth-of-type(1) .date-detail,
  .date-cell .date:nth-of-type(2) .date-detail { border-bottom: 1px solid #c1c1c1;}
    .date-cell .date-detail { width: calc(100% / 4);}
      .access-table .ico-accept { width: 80%!important; padding: 0.6em 0;}
      .access-table .ico-accept.ico-accepting { width: 80%; padding-left: 1em; background-size: 1.5em;}





.attention {
  margin-bottom: 10vw;
  padding: 0 2.5em 3em 2em;
}
.attention__hd {
  padding: 1em 0;
  margin: 0;
  font-size: 4.2vw;
}
.attention__list {
  font-size: 3.6vw;
}
.attention__list li {
  line-height: 1.6;
}

.exam_lead { padding: 2em 1em; background: none; font-size: 3.6vw;}
#page_exam .baloon_yl { padding: 0.6em 0;}

.box_biground { padding: 1.5em 0.5em;}
  .box_biground .point { width: 25%;}
  .box_biground .content { width: calc(100% - 30%);}
#page_exam .list_pg > .ttl { width: 100%;}
#page_exam .list_pg > .txt01 { width: 100%;}
.list_pg.exam_pay > li { height: auto;}
.examschedule > .ttl { font-size: 4.6vw;}
.not::before { font-size: 2.2vw;}
.examschedule .list_pGr .content { font-size: 3.5vw; white-space: nowrap;}

#exam_detail { padding-bottom: 17vw;}
.list_sideby.timesche { width: 790px;}

.contact_list { width: 950px;}
.contact_list tr td:nth-of-type(3) { font-size: 3.6vw;}
.btn_detail { width: 90%; font-size: 3.2vw;}
.contact_listWrap { margin-bottom: 15vw;}

#event_memories { padding-bottom: 12vw;}
  .event_pastList { font-size: 3vw;}
  .event_box h3 { padding: 0.6em 3em 0.6em 1em; font-size: 4.5vw;}
  h3.end_event span::before { left: 104%; font-size: 3vw;}
  .event_box .content { padding: 0 1em 0.7em;}
  .event_box .content > ul .overview { font-size: 3.5vw;}
  .event_box .content .guest::before { font-size: 2.5vw;}


.access-table td .map-link { position: static; margin: 0; margin-top: 0.5em;}




/* ======================================================
  PAGE TOP
====================================================== */
#page_top a::before { font-size: 5.6vw;}




/* ======================================================
  FOOTER STYLES
====================================================== */
footer .logo_site { max-width: 60%;}
  .copywrite { text-align: center;}
.address { font-size: 3.0vw;}
  
#footer_inner { width: 100%;}








}