:root {
    --main_clr: #cc0000;
    --main_ll_clr: #ffefef;

    --white: #ffffff;
    --black: #555555;
    --d_blue: #373296;
    --blue: #008eff;
    --red: #cc0000;
    --ash: #d1d1d1;
    --l_ash: #eaeaea;
    --d_ash: #838383;
    --green: #1f990a;
    --machi_green: #379925;
    --ll_green: #ebfcef;
    --orange: #d55c00;
    --ll_orange: #ffedde;

    --brown: #583904;
}
/*店舗カラー*/
.tenpo1 {color:var(--main_clr)}
.bg_tenpo1 {background-color: var(--main_clr);}
.tenpo2 {color:var(--d_blue)}
.bg_tenpo2 {background-color: var(--d_blue);}

/*メインカラー*/
.main_clr {color:var(--main_clr) !important}
.main_clr_l {color:var(--main_ll_clr) !important}
.main_clr_bg {background-color:var(--main_clr) !important}
.main_clr_l_bg {background-color:var(--main_ll_clr) !important}

.red {color:var(--red) !important;}
.blue {color:var(--blue) !important;}
.d_blue {color:var(--d_blue) !important;}
.white {color:var(--white) !important;}

.bg_blue {background-color:var(--blue) !important;}
.bg_red {background-color:var(--main_clr) !important;}
.bg_ll_red {background-color:var(--main_ll_clr) !important;}
.bg_ll_orange {background-color:var(--ll_orange) !important;}
.bg_ll_green {background-color:var(--ll_green) !important;}
.bg_white {background-color:var(--white) !important;}


/* Font */
.f_dmc {
    font-family: dnp-shuei-mincho-pr6, sans-serif;
    font-weight: 600;
    font-style: normal;
}

.f_mr {
    font-family: m-plus-rounded-1p, sans-serif;
    font-weight: 500;
    font-style: normal;
}

.f_ukk {
    font-family: uddigikyokasho-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}

* {
    margin:0;
    padding:0;
    zoom:1;
    font-family:m-plus-rounded-1p, 'ヒラギノ角ゴ', 'メイリオ', 'ＭＳ ゴシック', sans-serif;
    font-stretch: extra-condensed;
    box-sizing: border-box;
    background-repeat:no-repeat;
    }
    
table{margin:0;padding:0;}

ul,ul li{
        margin:0;
        padding:0;
        list-style-type:none;
        }

img{
    border:0;
    max-width:100%;
}

html {
    height:100%;
    padding:0;
    margin:0;
    }

body {
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    background-color:#fff;
    color:var(--black);
    font-size:16px;
    _height: 1%;
    line-height:20px;
}

/* Common */
a, a:visited {
    color:var(--black);
    text-decoration:none;
}

p {
    padding:0;
    margin:0;
}

h1 {
    display: block;
    font-size:14px;
    font-weight:normal;
    color:var(--white);
    padding:5px 10px 5px 0;
    width:100%;
    text-align:right;
    background-color:var(--main_clr);
}

.flex {
    display:flex;
}

.flex_ai_c {align-items:center;}
.flex_ai_fstart {align-items:flex-start;}

.flex_j_sb {justify-content:space-between;}
.flex_j_left {justify-content:left;}
.flex_j_c {justify-content:center;}

.flex_wrap {flex-wrap: wrap;}

.w1200,
.w1000 {width:100%;}
.w95 {width:95%}

.mgn_auto {margin:0 auto;}
.mgn_t30 {margin-top:30px;}
.mgn_t50 {margin-top:50px;}
.mgn_t80 {margin-top:80px;}
.mgn_t100 {margin-top:100px;}
.mgn_t150 {margin-top:150px;}

.mgn_b30vh {margin-bottom:30vh;}

.pdg_t-80 {padding-top:-150px;}


.fs_1 {font-size:1rem;}

/* Contents */
header {
    padding:15px;
    position: fixed;
    top:0;
    width:100%;
    z-index: 9997;
  }
  
  #nav-drawer {
    position: relative;
  }
  
  .nav-unshown {
    display:none;
  }
  
  #nav-open {
    display:block;
    width:60px;
    height:60px;
    vertical-align: middle;
    background-color:var(--black);
    padding:11.5px;
    border-radius:10px;
  }

  a.hd_compLink {
      display:block;
      width:190px;
      text-align:center;
      color:var(--white);
      padding:20px 40px;
      font-size:1.7rem;
      border-radius:60px;

  }
  a.hd_telLink {
      width:60px;
      height:60px;
      background-image:url(/img/tel_smp.png);
      background-position:center center;
      background-size:100%;
  }
  
  #nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 5px;
    width: 37px;
    background:var(--white);
    display: block;
    content: '';
    cursor: pointer;
    margin-top:1px;
  }
  #nav-open span:before {
    bottom: -15px;
  }
  #nav-open span:after {
    bottom: -30px;
  }

/*閉じる用の薄黒カバー*/
#nav-close {
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/
#drawer {
    display:block;
    overflow: auto;
    position:fixed;
    top: 0;
    left: 0;
    z-index: 9998;
    width: 70%;
    max-width: 330px;
    height: 100%;
    background: #ffffff;
    box-sizing: border-box;
    transition: .3s ease-in-out;
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);
}

#drawer a {
    display:flex;
    align-items:center;
    color:var(--black);
    padding:30px 0 30px 20px;
    font-size:1.3rem;
    line-height: 1.5rem;
}
#drawer a:not(:first-child) {
    border-top:1px dashed var(--black);
}

#drawer a span {
    display:block;
}

#drawer a .nav_mark {
    margin-right:10px;
}

#drawer a .nav_mark::before {
    content:"◇";
}

/*チェックが入ったら表示*/
#nav-input:checked ~ #nav-close {
    display: block;
    opacity: .5;
}

#nav-input:checked ~ #drawer {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.hd_underhead {
    margin:90px auto 0 auto;
}

a.headLogo {
    display:block;
    background-image:url(/img/logo.png);
    background-size:contain;
    background-position:center center;
    height:200px;
    width:100%;
}

.hd_info {
    text-align:center;
    width:100%;
}
.timeExam {
    font-size:0.9rem;
}

.openTime {
    font-size:1.15rem;
    margin-top:5px;
}
.openTel {
    background-color:var(--d_ash);
    color:var(--white);
    padding:8px 20px;
    width:70%;
    border-radius:50px;
    font-size: 1.1rem;
    margin:15px auto 0 auto;
}

.zitan {
    display: inline-block;
    padding:5px;
    background-color:var(--main_clr);
    color:var(--white);
    margin:0 5px;
    border-radius:5px;
}

article {
    width:95%;
    margin:0 auto;
    padding-bottom:50px;
    padding-top:50px;
}

h2.contents_title {
    font-size:1.5rem;
    text-align: center;
    display: block;
}
h2.contents_title::before,
h2.contents_title::after {
    content:"";
    display:inline-block;
    background-image:url(/img/dot.png);
    background-size:contain;
    width:30px;
    height:10px;
    background-position:center center;
    background-repeat: no-repeat;
    vertical-align:middle;
}
h2.contents_title::before {margin-right:10px;}
h2.contents_title::after {margin-left:10px;}

footer {
    background-color:var(--l_ash);
    background-image:url(/img/bg_footer.png);
    background-position:right -50px bottom -100px;
    background-size:50%;
    padding-top:30px;
}

.ft_group {
    font-size:1.5rem;
    text-align: center;
}

.ft_group a {
    text-decoration: none;
    background-color:#000000;
    color:var(--white);
    display:inline-block;
    padding:10px 30px;
    border-radius:30px;
    margin-left:20px;
}

.ft_copyright {
    padding:20px 0;
    width:100%;
    text-align:center;
}

/*  ModalWindow */
.modal {
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    z-index:9999;
}

.ageConfirm_box {
    width:90%;
    position: absolute;
    padding:50px 5%;
    border-radius:20px;
    top: 100px;
    left: 50%;
    background-color:var(--white);
    transform: translate(-50%, -10%);
    overflow-y: auto;
    overflow-y: scroll;
    height:90vh;
}

.ac_logo {
    display:block;
    background-image:url(/img/logo.png);
    background-size:contain;
    background-position:center center;
    height:180px;
    width:100%;
    margin:0 auto;
}

.under18_box {
    margin-top:30px;
}

.over18Icon {
    width:70px;
    height:70px;
    background-image:url(/img/over18.png);
    background-size: contain;
    background-position: center center;
}

a.over18Link {
    width:calc(100% - 80px);
    text-align: center;
    padding:20px 0;
    font-size:1rem;
    border:1px dashed var(--black);
}

.under18_text {
    margin-top:20px;
    font-size:0.9rem;
    line-height:26px;
}

.ac_enter {
    width:100%;
    margin:30px auto 0 auto;
    padding:40px 0;
    font-size:2.5rem;
    background-color:var(--green);
    color:var(--white);
    text-align:center;
    cursor: pointer;
    border-radius:15px;
}
.ac_enter:hover {
    opacity:0.6;
}

a.ac_recruit {
    display:block;
    line-height:40px;
    font-size:1.5rem;
    text-align:center;
    margin-top:30px;
}
a.ac_recruit:hover {
    opacity:0.6;
}

h5.ac_machi_midashi,
h5.sys_kinshi_midashi,
h5.kw_midashi,
h5.pr_scomme_midashi {
    display:block;
    margin-top:50px;
    text-align: center;
    font-size:1.5rem;
    line-height:2.5rem;
}

.contText {
    margin-top:30px;
    line-height:1.9rem;
    font-size:1.1rem;
}