@charset "utf-8";
:root {
  --wc-main1:#1f4696;
  --wc-main2:#f3f8ff;
  --wc-sub1:#1f4696;
  --wc-sub2:#1f4696;
}
:root {
  --c-red:#dc3545;
}

.c_main1 { color:var(--wc-main1); }
.c_main2 { color:var(--wc-main2); }
.c_sub1 { color:var(--wc-sub1); }
.c_sub2 { color:var(--wc-sub2); }
.c_red { color:var(--c-red); }

.grid_buttons .wcfront_buttons { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.grid_buttons._repeat1 .wcfront_buttons { grid-template-columns:repeat(2,1fr); }
.grid_buttons._repeat2 .wcfront_buttons { grid-template-columns:repeat(2,1fr); }
.grid_buttons._repeat3 .wcfront_buttons { grid-template-columns:repeat(3,1fr); }
.grid_buttons._repeat4 .wcfront_buttons { grid-template-columns:repeat(4,1fr); }
.grid_buttons .wcfront_buttons .parts--unit { padding:0; }
.grid_buttons .wcfront_buttons .button { width:100%; }
.grid_buttons .wcfront_buttons .button > span { padding-left:10px; padding-right:10px; min-width:unset; max-width:100%;}
.grid_buttons .wcfront_buttons .button > span .parts--text { padding-left:0; padding-right:0; }
@container wciBase (width < 992px)  {
  .grid_buttons .wcfront_buttons { grid-template-columns:repeat(2,1fr); }
  .grid_buttons._repeat1 .wcfront_buttons,
  .grid_buttons._repeat2 .wcfront_buttons { grid-template-columns:repeat(1,1fr); }
}
@container wciBase (width < 768px)  {
  .grid_buttons .wcfront_buttons .button > span { font-size:1em; }
}

.link-pdf,
.link-clone { padding-left:20px; position:relative; line-height:1.6; }
.link-pdf::before,
.link-clone::before { content:''; display:block; width:16px; height:16px; background:currentColor; mask:var(--mask-image) no-repeat center center / contain; -webkit-mask:var(--mask-image) no-repeat center center / contain; position:absolute; left:0; top:calc(1.6em / 2); transform:translateY(-50%); }

.link-pdf::before { --mask-image:url(/common/upload/files/icon/pdf.svg); }
.link-clone::before { --mask-image:url(/common/upload/files/icon/clone.svg); }

.btn_download > span > .parts--text { position:relative; padding-left:20px; line-height:1.6; }
.btn_download > span > .parts--text::before { content:''; display:inline-block; width:16px; height:16px; background:currentColor; --mask-image:url(/common/upload/files/icon/download.svg); mask:var(--mask-image) no-repeat center center / contain; -webkit-mask:var(--mask-image) no-repeat center center / contain; margin-right:8px; }

.indicators_wrap .contents { margin-bottom:25px; }
.indicators_wrap .template-table { border-collapse:collapse; }
.indicators_wrap .template-table th { border:1px solid #A9A9A9; background-color:#B9C9FE; padding:5px; font-weight:bold; font-size:small; color:#696969; }
.indicators_wrap .template-table th.left_align { text-align:left; }
.indicators_wrap .template-table td { border:1px solid #A9A9A9; padding:5px; }
.indicators_wrap .number-cell { text-align:right; width:75px; }
.indicators_wrap .div-title,
.indicators_wrap .div-title-hist { border-left:5px solid #B9C9FE; padding:7px 0 7px 5px; margin-top:35px; margin-bottom:15px; font-size:large; }
.indicators_wrap .div-title-hist { border-left:5px solid #C90!important; }
.indicators_wrap .out_link { text-align:right; }
.indicators_wrap .comment { background-color:#E3EAFF; margin-top:15px; margin-bottom:15px; padding:10px 15px; }
.indicators_wrap a:link { color:#0000FF; text-decoration:none; border-bottom:1px solid #0000FF; padding-bottom:1px; }
.indicators_wrap a:visited { color:#0000FF; text-decoration:none; border-bottom:1px solid #0000FF; padding-bottom:1px; }
.indicators_wrap a:hover { color:#0000FF; text-decoration:none; border-bottom:1px solid #0000FF; padding-bottom:1px; }
.indicators_wrap a:active { color:#0000FF; text-decoration:none; border-bottom:1px solid #0000FF; padding-bottom:1px; }
.indicators_wrap a.csv_btn { border:1px solid #008000; color:#008000; background-color:#b8f28c; width:75px; font-size:x-small; font-weight:bold; padding:5px; margin-left:20px; position:relative; top:-2px; }
.indicators_wrap span.kome { font-size:x-small; }
.indicators_wrap .hist_list dt { clear:both; float:left; width:130px; }
.indicators_wrap .hist_list dd { margin-left:140px; margin-bottom:25px; }
.indicators_wrap div[id^="cd_top3_nm_"],
.indicators_wrap div[id^="ope_top3_nm_"],
.indicators_wrap div[id^="cd_top5_nm_"],
.indicators_wrap div[id^="ope_top5_nm_"] { padding:5px; }
.indicators_wrap div[id^="cd_top3_nm_"]:before,
.indicators_wrap div[id^="ope_top3_nm_"]:before,
.indicators_wrap div[id^="cd_top5_nm_"]:before,
.indicators_wrap div[id^="ope_top5_nm_"]:before { content:"■"; font-size:large; }
.indicators_wrap .div-title-shitsu { border-left:5px solid #d5c5ff; padding:7px 0 7px 5px; margin-top:35px; margin-bottom:15px; font-size:large; }
.indicators_wrap .template-table-shitsu { border-collapse:collapse; }
.indicators_wrap .template-table-shitsu th { border:1px solid #A9A9A9; background-color:#d5c5ff; padding:5px; font-weight:bold; font-size:small; color:#696969; }
.indicators_wrap .template-table-shitsu th.left_align { text-align:left; }
.indicators_wrap .template-table-shitsu td { border:1px solid #A9A9A9; padding:5px; }
.indicators_wrap .comment-shitsu { background-color:#e7e3ff; margin-top:15px; margin-bottom:15px; padding:10px 15px; }

@container wciBase (width < 768px)  {
  .sp_tbl_scroll_wrap { overflow-x:auto; }
  .sp_tbl_scroll_wrap table { white-space:nowrap; }
}

.tel_unit { text-align:center; }
.tel_unit .tel_link { text-decoration:none; }
.tel_unit .tel_number { font-size:2em; font-weight:bold; display:inline-block; padding-left:30px; position:relative; }
.tel_unit .tel_number::before { content:''; display:inline-block; width:28px; height:40px; background:currentColor; --mask-image:url(/common/upload/files/icon/tel.svg); mask:var(--mask-image) no-repeat center center / contain; -webkit-mask:var(--mask-image) no-repeat center center / contain; position:absolute; left:0; top:50%; transform:translateY(-50%); }

.thumbnail_slider .wcfront_slider { margin-bottom:20px; line-height:0; }
.thumbnail_slider .slick-prev,
.thumbnail_slider .slick-next { width:24px; height:24px; }
.thumbnail_slider .slick-prev:before,
.thumbnail_slider .slick-next:before { color:var(--wc-main1); font-size:24px; }
.thumbnail_slider .slick-dots { position:relative; display:flex; justify-content:center; flex-wrap:wrap; gap:6px; bottom:auto; padding-top:10px; }
.thumbnail_slider .slick-dots li { width:auto; height:auto; margin:0; border:transparent 4px solid; }
.thumbnail_slider .slick-dots li.slick-active { border-color:var(--wc-main1); }
.thumbnail_slider.parts--slider._layout004 .parts--title_wrap { top:auto; bottom:0;  left:auto; right:0; transform:none; width:auto; text-shadow:none; padding:5px 10px; background:rgba(0,0,0,.6); line-height:1; }
.thumbnail_slider.parts--slider._layout004 .parts--title_wrap .parts--title { font-size:1em; font-weight:normal; }
@container wciBase (width < 1200px)  {
  .thumbnail_slider .slick-arrow { display:none; }
}
@container wciBase (width < 768px)  {
  .thumbnail_slider .slick-dots { gap:2px; }
  .thumbnail_slider .slick-dots li { border-width:2px; }
  .thumbnail_slider .slick-dots li img { width:60px; height:auto; }
}

.course_list_wrap { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.course_list_wrap .course_unit { border:1px solid #A9A9A9; background:#fff; border-radius:8px; overflow:hidden; }
.course_list_wrap .course_unit .plan { display:flex; flex-direction:column; height:100%; }
.course_list_wrap .course_unit .plan .plan-header { position:relative; border-bottom:1px solid #A9A9A9; padding:16px; text-align:center; }
.course_list_wrap .course_unit .plan .plan-header .sub-title { position:absolute; top:8px; right:10px; font-size:.75em; line-height:1; color:#A9A9A9; }
.course_list_wrap .course_unit .plan .plan-header .plan-title { font-weight:normal; margin:8px 0; }
.course_list_wrap .course_unit .plan .plan-body { flex:1; display:flex; flex-direction:column; text-align:center; padding:16px; }
.course_list_wrap .course_unit .plan .value-wrapper .value { color:var(--c-red); font-weight:bold; font-size:2em; }
.course_list_wrap .course_unit .plan .value-description { font-size:.8em; color:#666; }
.course_list_wrap .course_unit .plan .value-description .text-start { text-align:left; }
.course_list_wrap .course_unit .plan .list-wrapper { margin:8px 0; }
.course_list_wrap .course_unit .plan .list-wrapper .list { font-size:.9em; }
.course_list_wrap .course_unit .plan .list-wrapper .list tr > * { padding:0; border:0; vertical-align:top; }
.course_list_wrap .course_unit .plan .list-wrapper .list tr > th { min-width:2.5em; background:none; }
.course_list_wrap .course_unit .card-footer { border-top:1px solid #A9A9A9; background:#fcfcfc; padding:8px; }
.course_list_wrap .course_unit .card-footer .card_foot_wrap { display:flex; justify-content:space-between; align-items:center; }
.course_list_wrap .course_unit .card-footer .card-link { font-size:.9em; color:var(--wc-main1); text-decoration:underline; }
body.pc .course_list_wrap .course_unit .card-footer .card-link:hover { text-decoration:none; }
.course_list_wrap .course_unit .card-footer .btn { background:var(--wc-main1); color:#fff; border-radius:4px; padding:2px 8px; font-size:.9em; display:inline-block; text-decoration:none; transition:.2s opacity; }
body.pc .course_list_wrap .course_unit .card-footer .btn:hover { opacity:.6; }
@container wciBase (width < 768px) {
  .course_list_wrap { grid-template-columns:1fr; }
}

.parts--html table th { background:var(--wc-main2); }

.overscroll_wrap { overflow-x:auto; max-width:100%; }

.table-exam tr > th.exam-name { max-width:400px; width:400px; }
.table-exam tr > th.cost,
.table-exam tr > th.target,
.table-exam tr > th.time { min-width:170px; width:170px; max-width:170px; }
.table-exam tr > th.cost .tax_unit { font-size:.9em; display:inline-block; }
@container wciBase (width < 768px) {
  .table-exam tr > * { padding:5px; font-size:.9em; }
  .table-exam tr > th.exam-name { min-width:300px; }
  .table-exam tr > th.cost,
  .table-exam tr > th.target,
  .table-exam tr > th.time { min-width:105px; width:105px; max-width:105px; }
}




:root {
  --wc-baseColor:#1a2a3a;
  --wc-headHeight:105px;
  --wc-baseFontSize:16px;
  --wc-baseFontSizeSp:14px;
  --wc-center:1140px;
  --wc-center2:1070px;
  --wc-center3:860px;
}

#wcfront_head_btn_open { display:none; }
@container wciBase (width < 992px) {
  #wcfront_base:not(.open) #wcfront_head_navi { display:block; }
  #wcfront_head .wcfront_head_navi_wrap { display:none; }
  #wcfront_head_navi { position:fixed; top:10px; right:10px; background:transparent; padding:0; height:auto; width:max-content; left:auto; }
}
@container wciBase (width >= 992px) {
  #wcfront_head .wcfront_head_wrap { position:relative; }
  #wcfront_head_logo { padding:0; }
  #wcfront_head_logo a { max-width:282px; }
  #wcfront_head_navi { padding-top:30px; display:flex; align-items:center; }
  #wcfront_head_main > ul > li { margin-left:min(30px, 1.25vw); }
  #wcfront_head_main_parts1 { display:flex; }
  #wcfront_head_main_parts2 { position:absolute; top:5px; right:0; }
  #wcfront_head_main > ul > li:has(.sub)::after { display:none; }
  #wcfront_head_main > ul > li > .sub { padding:20px; box-shadow:0 8px 32px rgba(15, 23, 42, .12), 0 2px 8px rgba(15, 23, 42, .06); border-radius:14px; border:1px solid #e8ecf2; z-index:2000; background:#fff; }
  #wcfront_head_main > ul > li > .sub::after { position:absolute; top:20px; left:20px; height:calc(100% - 40px); border-radius:20px; }
  #wcfront_head_main .sub a::before { content:"-"; margin-right:15px; }
  body.pc #wcfront_head_main .sub a:hover { text-decoration:none; }
  body.pc #wcfront_head_main .sub a:hover > span { color:#d63384; }
  #wcfront_head_main > ul > li.navi0 > .sub { padding-left:320px; }
  #wcfront_head_main > ul > li.navi0 > .sub::after { content:""; background:url(../upload/files/layout/pc_menu1.jpg?v=2) no-repeat center center / cover; width:280px; }
  #wcfront_head_main > ul > li.navi1 > .sub { padding-left:320px; }
  #wcfront_head_main > ul > li.navi1 > .sub::after { content:""; background:url(../upload/files/layout/pc_menu2.jpg?v=2) no-repeat center center / cover; width:280px; }
  #wcfront_head_main > ul > li.navi3 > .sub { padding-left:320px; }
  #wcfront_head_main > ul > li.navi3 > .sub::after { content:""; background:url(../upload/files/layout/pc_menu3.jpg?v=2) no-repeat center center / cover; width:280px; }
  #wcfront_head_main > ul > li.navi5 > .sub { padding-left:320px; }
  #wcfront_head_main > ul > li.navi5 > .sub::after { content:""; background:url(../upload/files/layout/pc_menu4.jpg?v=2) no-repeat center center / cover; width:280px; }
}
@container wciBase (width >= 1010px) {
  #wcfront_head { padding-left:0; padding-right:clamp(5px, 0.5vw, 48px); }
  #wcfront_head_main { padding-left:0; }
  #wcfront_head_main > ul { font-size:0.8em; }
}
@container wciBase (width >= 1090px) {
  #wcfront_head_main > ul { font-size:0.9em; }
}
@container wciBase (width >= 1150px) {
  #wcfront_head_main > ul { font-size:1em; }
}

#wcfront_foot { background:#e9f7ff; }
#wcfront_foot .wcfront_foot_wrap { max-width:var(--wc-center); margin:0 auto; }
#wcfront_foot_logo a { max-width:260px; }
#wcfront_foot address { color:#5f6d81; margin-bottom:18px; }
#wcfront_foot address a { color:#5f6d81; }
body.pc #wcfront_foot address a:hover { text-decoration:underline; }
#custom_footer_access { background:linear-gradient(180deg, #ffffff 0%, #f5fcff 100%); padding-top:50px; }
#custom_footer_menu { background:linear-gradient(180deg, #f5fcff 0%, #e6f6ff 100%); padding-top:1px; }



