@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, div, dfn, strong, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, hgroup, menu, nav, output, ruby, summary, time, mark, audio, video {
  margin:0;padding:0;text-align:inherit;font-weight:normal;font-style:normal;background-repeat:no-repeat;border:0 none;
}
html,body { font-size:16px; line-height:1.5; }
ul, ul li {list-style-image:none;list-style-position:outside;list-style-type:none;}
* { box-sizing:border-box; }
table {border-collapse: collapse;border-spacing:0;width:100%;}
th,td{text-align:left; vertical-align:middle; padding:10px 10px; border-top:1px solid #b6babf; }
th { font-weight:bold; width:240px; font-size:.75rem; background:#e4e9ef; text-align:left; padding-right:5px; }
td { font-size:.9rem; }
img { width:auto; height:auto; max-width:100%; }
@media (max-width: 599px) {
  .noTab, .noTab caption, .noTab thead, .noTab tfoot, .noTab tbody, .noTab tr, .noTab th, .noTab td { display:block; width:100%; }
  .noTab tr { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccc; }
}
.noPC, .noPCB { display:none; }
@media (max-width: 599px) {
  .noPC { display:inline-block; }
  .noPCB { display:block; }
  .noSP { display:none; }
}

.header { background:#000; position:relative; }
.header .container { position:relative; height:50px; }
.header .logo { position:absolute; left:0; top:0; height:60px; }
.header .logo img{ height:100%; }
.header .navi { text-align:right; padding:10px 0 0 90px; }
.header .navi li{ display:inline-block; }
.header .navi a{ color:#fff; font-weight:bold; font-size:80%; }
.ptHum .header { background:#4C4C4C; }
.ptHum .header .container { height:60px; }
.ptHum .header .navi { padding-top:15px; }
.container { width:100%; max-width:750px; margin:0 auto; }
.body { margin-top:30px; }
.pagetop { margin:30px 0;text-align:center; }
.pagetop a{ text-decoration:none; color:#666; }
.footer { background:#000; position:relative; padding:30px 0; }
.footer .logo { width:60px; display:inline-block; }
.footer .main { width:calc(100% - 80px); display:inline-block; margin-left:10px; text-align:right; }
.footer .main p{ text-align:right; }
.footer .main a{ font-size:.75rem; color:#69f; text-decoration:none; display:inline-block; }
.copy { background:#666; color:#bbb; line-height:2.4; font-size:.75rem; text-align:center; }

.ttl-notice { font-size:115%;font-weight:900; text-align:center;color:#a4263e; background:#fee; padding:10px 0; margin:20px 0; }
.ttl-notice .strong { font-size:115%; margin-bottom:10px; font-weight:900; display:block; }
.ttl-notice .attention { font-weight:900; background:#ff3; }
.sh1 { line-height:1; font-size:1.5rem; font-weight:bold; padding:.3em .6em; background:#E4E9EF; margin-bottom:10px; }

#taikenDate { padding:20px 3px; text-align:center; background:#fff; }
.thanksMess { padding:10px; }
.thanksMess > * { font-size:14px; margin-bottom:20px; }
.thanksMess > h2 { margin-bottom:40px; }
.warnMess   { color:#f55; }

@media (max-width: 599px) {
  .header .container { height:40px; }
  .header .logo { height:50px; }
  .header .navi { padding:5px 0 0 70px; }
  .header .navi a { font-size:.75rem; line-height:1; }
  .ptHum .header .container { height:50px; }
  .ptHum .header .navi { padding-top:10px; }
  .ttl-notice { font-size:90%;padding:0 0 10px; }
  .sh1 { line-height:1; font-size:1.2rem; font-weight:bold; }
  #taikenDate { text-align:left; }
}
/* キャンペーン表示 */
#aboutEntryBlock { margin:20px auto; width:auto; min-width:0; }
#campaignBlock { font-size:15pt; line-height:1.1; }
.formCampaign > div { width:80%; min-width:300px; margin:0 auto; }
#campaignBlock strong { color:#a4263e; font-weight:bold; }
#campaignBlock .ttl { font-size:105%; font-weight:bold; text-decoration:underline; }
#campaignBlock .catch { font-size:70%; display:inline-block; vertical-align:middle; margin-right:5px; color:#a4263e; font-weight:bold; }
#campaignBlock #limit { display:inline-block; vertical-align:middle; font-size:80%; margin-left:5px; font-weight:bold; }
#campaignBlock #limit { padding:3px; background:#fff; }
#campaignBlock #limit strong{ display:inline-block; }
#campaignBlock div.typeScatch { font-size:70%; padding:2px; margin-bottom:.5em; }
#campaignBlock div.cmain { /*background:#efe8d6;*/ padding:10px; margin:0 auto .3em; }
#campaignBlock div.cbody { margin:.6em 0 0; }
#campaignBlock div.cbody > span { display:inline-block; }
#campaignBlock div.aside { font-size:65%; padding:0 5px; }
.aboutEntryToggle {padding:10px;border:3px solid #aaa;}
.aboutEntryBody {position:relative;max-height:24px;transition:max-height .5s linear;overflow:hidden;text-align:left;font-weight:normal;font-size:1rem;}
.aboutEntryBody label { cursor:pointer; }
.aboutEntryBody label.normalCursor { cursor:auto; }
.aboutEntryBody .title {font-size:130%;color:#0a4;font-weight:bold;display:block;line-height:1.2;position:relative;}
.aboutEntryBody .title .tsmall{ font-size:60%; display:inline-block; margin:0 10px; }
.aboutEntryBody .onClose label {position:absolute;left:0; top:0; right:0; z-index:2;}
.aboutEntryBody .btn {position:absolute;top:0;right:10px;font-weight:bold;}
.aboutEntryBody .onOpen {opacity:0;transition:opacity .5s linear;}
.aboutEntryBody .flow { margin:40px 0; position:relative; }
.aboutEntryBody .flow::before { content:""; position:absolute; top:-30px; bottom:-10px; left:40px; border-left:60px solid #c4bd97; z-index:0; }
.aboutEntryBody .flow::after { content:""; position:absolute; bottom:-110px; left:10px; border:60px solid transparent; border-top:40px solid #c4bd97; z-index:0; }
.aboutEntryBody .flow dl { display:block; margin:10px 0; position:relative; z-index:1; }
.aboutEntryBody .flow dt, .aboutEntryBody .flow dd { display:inline-block; vertical-align:top; }
.aboutEntryBody .flow dt { width:140px; margin-right:10px; }
.aboutEntryBody .flow dd { width:calc(100% - 150px); text-align:left; }
#aboutEntryBlock .aboutEntryBody .flow dd h3 { font-weight:normal; font-size:100%; }
.aboutEntryBody .flow dd div { font-size:90%; line-height:1.5; }
.aboutEntryBody .close{text-align:center;color:#999;font-size:100%;}
#openAboutEntry { display:none; }
#openAboutEntry:checked + .aboutEntryToggle .onClose { display:none; }
#openAboutEntry:checked + .aboutEntryToggle .aboutEntryBody { max-height:1000px; }
#openAboutEntry:checked + .aboutEntryToggle .aboutEntryBody .onOpen { opacity:1; }
#openAboutEntry:checked + .aboutEntryToggle .aboutEntryBody .onOpen .title .btn { transform: rotate(405deg); }
@media only screen and (max-width:599px) {
  #campaignBlock { font-size:12pt; }
  #campaignBlock br.nosp { display:none; }
  #campaignBlock div.typeScatch { margin-bottom:.3em; }
  #campaignBlock div.cmain { padding:5px; margin:0 auto .3em; }
  #campaignBlock div.cbody { margin:.5em 0 0; }
  .formCampaign > div { width:97%; min-width:0; }
}

#ttimg { margin:20px 0; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; text-align:center; }
#ttimg span{
  font-size:1.2rem;
  padding:.5em 2.5em;
  position:relative;
  background:#eee;
  display:inline-block;
}
#ttimg .in::after, #ttimg .cf::after{
  content:""; position:absolute; right:-39%; top:0; border:1.25em solid transparent; border-left:1.5em solid #eee;
}
@media only screen and (max-width: 599px) {
  #ttimg span{ font-size:.9rem; padding:.5em 1.5em; }
  #ttimg .in::after, #ttimg .cf::after{ right:-53%; }
}
#ttimg.tt1 .in{ background:#cfebbb }
#ttimg.tt1 .in::after{ border-left:1.5em solid #cfebbb; }
#ttimg.tt2 .cf{ background:#cfebbb; }
#ttimg.tt2 .cf::after{ border-left:1.5em solid #cfebbb; }
#ttimg .fn{ border-radius:10px; }
#ttimg.tt3 .fn{ background:#cfebbb; }

.iing th::after { content:"任意"; float:right; background:#999; font-weight:normal; color:#fff; font-size:12px; padding:2px 3px; }
.iing .need th::after { content:"必須"; background:#f99; color:#fff; }
.iing .noneedmark th::after { content:""; display:none; }

option { padding:8px 3px; }
input[type="text"], input[type="email"], input[type="tel"]{ padding:10px 3px; width:300px; }
input[type="text"], input[type="email"], input[type="tel"]{ border-radius:3px; }
select {
	border-radius: 3px;
	line-height: 1.3;
	padding: 8px 15px 8px 3px;
	margin: 0;
	border: 1px solid #aaa;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background:#fff url(images/tri_push.svg) right 3px center no-repeat;
	background-size:8px;
}
select::-ms-expand {display: none;}
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #828c9a;}
.tsmall { font-size:.6rem; line-height:1.2; }
.tsmall strong { font-weight:bold; color:#f00; }

form .noSchoolSelect #r_schl { display:none; }
#gken > div { display:inline-block; }
#gken > div:first-of-type { margin-right:5px; }
#r_00day td > div { margin:5px 0; }
#r_00day td > div label:nth-of-type(2) { margin-left:5px; }
.iing #jobT td div { display: flex; flex-flow: row wrap; justify-content: start; }
.iing #jobT input { display:none; }
.iing #jobT label {
  margin:3px; padding:.3em 0; width:5em; background:#ffe; border:1px solid #999; border-radius:10px;
  display: flex; align-items: center; justify-content:center; flex-flow:column wrap; 
  cursor:pointer; font-size:90%;
}
.iing #jobT input:checked + label { background:#cfc; }
.iing #jobT label .sen { display:block; font-size:85%; }
.iing .in40pamft1 { display:none; }
.sform.iing .inSC605 { display:none; }
.iing .in40pamft1.on { display:table-row; }
.sform[data-school="605"] .inSC605 { display:table-row; }
.conf .in40pamft1.on { display:table-row; }
.conf .in40pamft1.hide { display:none; }
.iing .label4addr { display:inline-block; width:9em; margin-top:20px; }
.iing #pamfT div.tsmall { font-size:.8rem; padding:10px 3px 0; }
.iing #pamfT div.tsmall > * {  font-weight:bold; line-height:1.5; }
.conf .label4addr { display:none; }
.conf .inSC605 .tsmall { display:none; }
.iing #faddrT td input { width:auto; }
#birthT td > div { display:inline-block; }
.iing #birthT input[name="18brt1"] { width:6em; }
.iing #birthT input[name="18brt2"] { width:4em; }
.iing #birthT input[name="18brt3"] { width:4em; }
.iing #birthT td > div span { display:block; text-align:center; }
.conf #birthT td > div span { display:none; }

.iing #r_areaak.off { display:none; }

#privacyText { height: 9em; overflow: auto; border-width: thin; font-size:90%; margin:0 0 20px; padding:5px 10px; }

@media (max-width: 599px) {
  select { padding: 12px 15px 12px 3px; }
  option { padding:12px 3px; }
  input[type="text"], input[type="email"], input[type="tel"]{ padding:12px 3px; width:calc(100% - 35px); }
  input, option, select, textarea { font-size:16px; }
  select, textarea { width:calc(100% - 35px); }
  .iing th::after { float:none; display:inline-block; margin-left:10px; }
  #gken > div { display:block; }
  #gken > div:first-of-type { margin-right:0; margin-bottom:10px; }
  .iing .in40pamft1.on { display:block; }
  #r_00day td > div:nth-of-type(2) { margin:10px 0; }
  #r_00day td > div label:nth-of-type(2) { margin-left:0; }
  #r_00day td > div label { display:block; margin-top:5px; }
  #r_00day td > div label[for="00kengk_1"] { display:inline-block; margin-top:0; }
}

#taikenDate td { padding:20px 3px; text-align:center; line-height:2; }
#taikenDate h3 { font-weight:bold; font-size:110%; }

#r_formButton td { text-align:center; padding:30px 0; }
#r_formButton td input{ margin:20px; }
#r_formButton td input[type=image]{ margin:20px 0; max-width:100%; }

.wannotation { font-size:80%; margin:20px 0 10px; }
.wannotation p { margin-bottom:10px; }
.wannotation em { font-weight:bold; }
.wannotation .dib { display:inline-block; }