@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html, body, div, span, em, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;list-style:none;box-sizing: border-box;font-style: normal;
}
 
body {line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block;
}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;
}
table {border-collapse:collapse;border-spacing:0;
}


 
---------------------------*/

.cf {zoom: 1;
}
.cf:before,
.cf:after {content: "";display: table;
}
.cf:after {clear: both;
}
html {-webkit-text-size-adjust: none;font-size: 62.5%;
}
body {font-family: 'Noto Sans JP', sans-serif;color: #333;font-size: 1.0rem;
}
#wrapper {font-size: 1.6rem;line-height: 1.75;
}
a:link {color: #0c5f93;
}
a:visited { color: #704a99;
}
a:hover,
a:visited:hover {text-decoration: none;
}
a:active {color: #0c5f93;
}
img {vertical-align: bottom;max-width: 100%;
}
.container {width: 90%;margin: 0 auto;position: relative;
}
.container p {margin-top: 1rem;
}
header {}

.chance-page {margin-top: 40px;
}
.chance-ttl {text-align: center;
}
.intro-fig {margin-top: 20px;
}
.chance-page p strong {background-color: #fcdc00;
}
.btn-cm {position: relative;
}


.image-page {margin-top: 40px;background: url(../img/haikei.png) repeat-x 0 0;
}
.image-page img {}
.information-table,
.date-tbl {width: 100%;
}
.date-tbl {margin-top: 1em;
}
.information-table {margin-bottom: 40px;
}
.information-table th,
.information-table td,
.date-tbl th,
.date-tbl td {padding: .8em;border: 1px solid #ccc;
}
.information-table th,
.date-tbl th {background: #f4f4f4;
}
.information-table td,
.date-tbl td {text-align: left;
}
.date-tbl thead th {color: #fff;background-color: #666;
}

a.btn-entry {padding: 1em 1.6em;font-weight: bold;color: #fff;display: block;text-align: center;text-decoration: none;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border: 1px solid #008bcf;background: #269ee3;
}
a.btn-entry:hover {border: 1px solid #0076b8;background: #0083c6;
}
.date-wrap h1 {text-align: center;
}
.recruit-wrap {margin-top: 40px;margin-bottom: 60px;
}
.note { font-size: 1.0rem;color: #666;font-weight: normal;line-height: 1.25;display: inline-block;
}
.footer {z-index: 9999;position: fixed;bottom: 0;left: 0;overflow: hidden;width: 100%; background-color: rgba(17, 17, 17, 0.7);height: 70px;
}

@media only screen and (max-width: 480px) {
.footer {height: 80px;
}}

.footer.static {position: static;
}
.footer p { color: #eee;font-size: 60%;line-height: 1.2;
}
.footer-page { width: 100%;overflow: hidden;height: 70px;
}

@media only screen and (max-width: 480px) {
.footer-page {height: 120px;
}}
.footer-btn-inner {display: block;margin: 0 auto;
}
a.footer-btn {padding: 0.6em 0;display: block;text-align: center;text-decoration: none;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;text-decoration: none;color: #fff;text-shadow: 0 2px 0 #dc6a00;font-weight: 900;border: 2px solid #dc6a00;background: #4db84d;background: -moz-linear-gradient(top, #faac04 0%, #fa9906 50%, #fa8307 51%, #fa7d08 100%);background: -webkit-gradient(top, #faac04 0%, #fa9906 50%, #fa8307 51%, #fa7d08 100%);background: -webkit-linear-gradient(top, #faac04 0%, #fa9906 50%, #fa8307 51%, #fa7d08 100%);background: -o-linear-gradient(top, #faac04 0%, #fa9906 50%, #fa8307 51%, #fa7d08 100%);background: -ms-linear-gradient(top, #faac04 0%, #fa9906 50%, #fa8307 51%, #fa7d08 100%);background: linear-gradient(to bottom,#faac04 0%, #fa9906 50%, #fa8307 51%, #fa7d08 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4db84d', endColorstr='#009a00', GradientType=0);
}
a.footer-btn:hover {background: #fa7d08;
}
a.footer-btn.footer-btn-tel {text-shadow: 0 2px 0 #e07900;font-weight: 900;border: 2px solid #e07900;background: #ff8f0c; background: -moz-linear-gradient(top, #ff8f0c 0%, #ff8f0c 50%, #eb7f00 51%, #eb7f00 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8f0c), color-stop(50%, #ff8f0c), color-stop(51%, #eb7f00), color-stop(100%, #eb7f00));background: -webkit-linear-gradient(top, #ff8f0c 0%, #ff8f0c 50%, #eb7f00 51%, #eb7f00 100%);background: -o-linear-gradient(top, #ff8f0c 0%, #ff8f0c 50%, #eb7f00 51%, #eb7f00 100%);background: -ms-linear-gradient(top, #ff8f0c 0%, #ff8f0c 50%, #eb7f00 51%, #eb7f00 100%);background: linear-gradient(to bottom, #ff8f0c 0%, #ff8f0c 50%, #eb7f00 51%, #eb7f00 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8f0c', endColorstr='#eb7f00', GradientType=0);
}
.copyright {background-color: #004680;color: #fff;padding: .6em;text-align: center;font-size: 1.2rem;
}
.footer-mozi-sp a {margin-top: 5px;
}
.footer-mozi-sp {margin-bottom: 10px;
}
.footer-btn em {font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 2rem;
}
.footer-btn b {display: block;
}





@media only screen and (max-width: 480px) {
    header {text-align: center;padding: 5px 0 10px;
    }

    .date-wrap {margin-top: 1em;
    }
    .information { margin-top: 2em;
    }

    .information-table,
    .date-tbl {margin: 1em -10px 0 0;
    }
    .information-tablel tr,
    .date-tbl tr {display: block;margin-bottom: 10px;
    }
    
   
    .date-tbl thead {display: none;
    }
    .date-tbl th,
    .date-tbl td {padding: .2em .4em;
    }
    .date-tbl td {display: list-item;width: 90%;margin-left: 10%;border: none;list-style-type: initial;
    }
    .recruit-wrap {margin-bottom: 20%;
    }
    .display-none {display: none;
    }}

@media only screen and (min-width: 480px) {
    header {text-align: center;padding: 10px 0;
    }
    .date-wrap h1 {font-size: 2.0rem;
    }

    .date-wrap {margin-top: 40px;
    }
    .btn-cm {margin-top: 40px;
    }
   
    .information-table th {width: 20%;
    }
    .information-table td {width: 80%;
    }
    .date-tbl th,
    .date-tbl td {font-size: 100%;
    }
    .information-table th,
    .information-table td {padding: .8em 1.6em;
    }
    .date-tbl th,
    .date-tbl td {padding: .4em 1.4em;vertical-align: middle;
    }
    .date-tbl td {padding: .4em 1em;
    }
    .date-tbl tbody th {width: 12%;white-space: nowrap;
    }
    .footer-mozi-sp .footer-btn {width: 48%;float: left;height: 60px;position: relative;font-size: 1.5rem;line-height: 1.8;
    }
    .footer-mozi-sp .footer-btn + .footer-btn {float: right;
    }
    .footer-btn-tel b {font-size: 1.2rem;font-weight: normal;}}

@media print,
screen and (min-width: 1024px) {
    header {padding: 10px 0;
    }
    .container {width: 960px;
    }
    .chance-page p {margin-top: 2em;font-size: 1.8rem;
    }

    .information h1,
    .recruit-wrap h1 {font-size: 3.2rem;
    }
    .footer-mozi-pc {width: 30%;float: left;
    }
    .footer-mozi-pc span {font-family: Arial, Helvetica, sans-serif;font-size: 3rem;font-weight: bold;display: block;line-height: 1;
    }
    .footer-btn-inner {width: 70%;float: right;display: block;margin: 10px 0
    }}




/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important;}
.pc2 { display: none !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 1500px) {
.pc { display: none !important; }
.pc2 { display: block !important;}
.sp { display: none !important; }
}
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.pc2 { display: none !important; }
.sp { display: block !important; }
}

@media only screen and (max-width: 2000px) {
img { max-width: 100%; }
}