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

#header #rsMenuBtn, #slideArea, #rsFooter, #smpFooterArea, #sectionCenter p.readMore, .spBnr,
#smpMenu, #header #menuBtn, #sectionRight .schoolTitle, .spOnly, .none { display: none; }

.entryResult .spOnly { display: none !important; }

#navigation #headBtn li a {
  display: block;
  width: 62px;
  height: 26px;
  text-indent: -9999px;
}

#navigation #headBtn .text, #navigation #headBtn .money, #navigation #headBtn .entry {
  width: 62px;
  height: 26px;
}

#navigation #headBtn .text { background: url(../../images/btn_request.gif) no-repeat 0 0; }
#navigation #headBtn .money { background: url(../../images/btn_estimate.gif) no-repeat 0 0; }
#navigation #headBtn .entry { background: url(../../images/btn_apply.gif) no-repeat 0 0; }
#navigation #headBtn .btnfree {
  width: 65px;
  height: 26px;
  background: url(../../images/btn_free.gif) no-repeat 0 0;
}
#navigation #headBtn .access { display: none; }

#header .facebookLink { display: none; }

.facebook { margin-bottom: 2px; }

.mainTitle.campaignTitle,
.mainTitle.noteTitle {
  display: block;
  width: 470px;
  height: 22px;
  text-indent: -9999px;
  margin-bottom: 0;
}

h3.campaignTitle { background-image: url(../../../images/h_campaign.gif); }
h4.noteTitle { background-image: url(../../../images/h_new.gif); }

ul.campaign { margin-bottom: 8px; }


/* parts
------------------------------------------------------------------------------ */

.mainTitle.spOnly { display: none; }


/* lower
------------------------------------------------------------------------------ */

div.forms h1.text { display: none; }

.rsIndent li {
  display: inline-block;
  padding: 0 5px 0 0;
  vertical-align: top;
}

input[type="radio"] {
  margin-right: 3px !important;
  vertical-align: top;
}

#sectionLeft { display: inline-block; }

#contents .inner {
  text-align: left;
  margin-top: 11px;
}

#contents #main { width: 800px; }

.tdu { text-decoration: none; }


/* college_late
------------------------------------------------------------------------------ */

.yearList {
  margin-top: 20px;
  letter-spacing: -.4em;
  text-align: center;
}

.yearList li {
  display: inline-block;
  margin: 0 15px;
}

.yearList li a img {
  width: 230px;
  height: auto;
}

.lateCoupon {
  width: 620px;
  height: auto;
  z-index: 0;
  margin-top: 20px;
  border: solid 1px #895A52;
  position: relative;
  background-color: #FCFBE5;
}

.lateCoupon > img {
  width: 100%;
  height: auto;
}

.lateCoupon a {
  width: 78px;
  display: block;
  margin: 0 auto;
}
.lateCoupon a img {
  width: 78px;
  height: auto;
}

.lateCoupon a img.collegeLtd {
  position: absolute;
  bottom: 40px;
}

.lateCoupon a img.collegeLtd.firstSecondGrade {
  width: 110px;
  position: absolute;
  bottom: 80px;
}

.lateCoupon .imgCap {
  margin: 60px 0 40px 0;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}

.lateCoupon .imgCap span {
  color: #ff0000;
}

.paparuNotice {
  color: red; 
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin: 20px;
}


/*=============================================================================*/
/* レスポンシブ対応 */
/*=============================================================================*/

@media screen and (max-width: 768px) {

/* common
------------------------------------------------------------------------------ */

body {
  -webkit-text-size-adjust: none;
}

.spBnr {
  display: block;
  margin-bottom: 10px;
}

.spBnr:last-child {
  margin-bottom: 0;
}

.spBnr img {
  width: 100%;
  height: auto;
}

.tdu { text-decoration: underline; }

.pcOnly { display: none !important; }

.spOnly { display: block; }
.entryResult .spOnly { display: inline !important; }

.spOnly.inline { display: inline; }

.spOnly.inline.blue a { color: #1384b7 !important; }

.bnrLast { margin-bottom: 10px !important; }

#wrapper,
#header, #header h1, #header h2,
#navigation, #navigation #globalNavi, #navigation #subNavi,
#footer, #footer #footerArea, #footer #footerArea ul#footerLink { width: 100%; }

#header h1#lead, #headerNavi, #navigation #globalNavi, #subNavi,
#flash, #sectionLeft, #sectionRight ul li.onlyPc, #footer { display: none; }

#sectionRight.lower { display: block; }

#wrapper { border-top: 5px solid #70B44E; }

body:first-of-type #wrapper { font-size: 14px; }

#contents .inner { margin-top: 0px; }

#contents #main { width: 100%; }

#contents {
  clear: both;
  width: 100%;
}

#sectionCenter p { margin-bottom: 10px; }
.campaign { margin-bottom: 10px; }

input[type="radio"]{
  position: relative;
  -webkit-appearance: button;
  appearance: button;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  content: "";
  background-color: #FFFFFF;
  border: solid 1px #999999;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  vertical-align: auto;
  margin-top: 1px;
  cursor: pointer;
}

input[type="radio"]:checked:after {
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  content: "";
  width: 6px;
  height: 6px;
  background: #70B44E;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

input[type="checkbox"] {
  border: 1px solid #aaaaaa;
  vertical-align: auto;
  -webkit-appearance: none;
  position: relative;
  margin-right: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
}

input[type="checkbox"]:checked:before {
  position: absolute;
  left: 1px;
  top: 8px;
  display: block;
  content: "";
  width:5px;
  height: 2px;
  background: #99cc00;
  -webkit-transform: rotate(45deg);
  -webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
  display: block;
  position: absolute;
  left: 5px;
  top: 8px;
  content: "";
  width: 8px;
  height: 2px;
  background: #99cc00;
  -webkit-transform: rotate(-53deg);
  -webkit-transform-origin: left center;
}


/* parts
------------------------------------------------------------------------------ */

.mainTitle {
  display: block;
  width: 100% !important;
  height: auto !important;
  line-height: 1;
  padding: 6px 0;
  font-size: 14px;
  font-weight: bold;
  background-color: #48AF43;
  border-top: solid 1px #40993C;
  text-indent: 0 !important;
  background: -moz-linear-gradient(top, #60BB6B, #19931A);
  background: -webkit-gradient(linear, left top, left bottom, from(#60BB6B), to(#19931A));
  text-shadow: 1px 1px 1px #888888;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.mainTitle.lower { margin-bottom: 10px; }

.mainTitle.spOnly { display: block; }

.mainTitle span {
  display: block;
  line-height: 1.4;
  border-left: solid 7px #EBEBEB;
  padding: 3px 0 3px 8px;
  color: #FFFFFF;
  margin: 0 10px;
}

.spStudentArea .mainTitle span { text-shadow: 1px 1px 1px #888; }

h3.mainTitle.campaignTitle { display: none; }

h4.noteTitle {
  background-image: none;
  background: -moz-linear-gradient(top, #60BB6B, #19931A);
  background: -webkit-gradient(linear, left top, left bottom, from(#60BB6B), to(#19931A));
}


/* header
------------------------------------------------------------------------------ */

#header {
  position: relative;
  border-bottom: none;
  line-height: 1.4;
}

#header img {
  float: none;
/*  width: 189px;*/
  margin: 0;
  padding-bottom: 0;
}

#header p { margin: 8px 10px; }

#header p a { display: inline-block; }

#header p a img {
  width: 125px;
  height: auto;
}


/* ------------smpMenu------------ */

#smpMenu {
  display: none;
  width: 100%;
}

#smpMenu h3 {
  font-size: 14px;
  text-align: center;
  padding: 12px 10px;
  color: #FFFFFF;
  background-color: #48AF43;
  font-weight: normal;
}

#smpMenu h3 span {
  display: block;
  height: 20px;
  line-height: 20px;
  background-image: url(../images/icon_menu_close.png);
  background-position: 100% 0;
  background-repeat: no-repeat;
  -webkit-background-size: 20px;
  background-size: 20px;
}

#smpMenu p.title {
  font-size: 13px;
  padding: 12px 10px;
  background-color: #DCDCDC;
}

#smpMenu p.title span {
  display: block;
  height: 20px;
  line-height: 20px;
  background-image: url(../images/icon_menu_gray.png);
  background-position: 100% 0;
  background-repeat: no-repeat;
  -webkit-background-size: 20px;
  background-size: 20px;
  color: #777777;
}

#smpMenu p.title.active span { background-position: 100% -20px; }

#smpMenu p.title:last-of-type { border-top: solid 1px #BCBCBC; }

#smpMenu ul {
  border-top: solid 1px #BCBCBC;
  background-color: #9E9E9E;
  font-size: 13px;
}

#smpMenu ul li { border-bottom: solid 1px #CCCCCC; }

#smpMenu ul li:last-child { border-bottom: none; }

#smpMenu ul li a {
  display: block;
  padding: 12px 10px;
  color: #FFF;
  text-decoration: none;
}

#smpMenu ul li a span {
  display: block;
  height: 16px;
  line-height: 16px;
  background-image: url(../images/icon_tri.png);
  background-repeat: no-repeat;
  background-position: top right;
  -webkit-background-size: 16px;
  background-size: 16px;
}


/* ------------rsMenuBtn------------ */

#header .facebookLink {
  display: block;
  position: absolute;
  top: 4px;
  right: 53px;
}
#header .facebookLink img {
  width: 32px;
  height: 32px;
}

#header #menuBtn {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 4px;
  right: 5px;
  text-indent: -9999px;
  background-image: url(../images/icon_menu.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-background-size: 32px;
  background-size: 32px;
}


/* ------------headBtn, corporateBtnArea------------ */

#navigation #headBtn, .mainBtnArea {
  width: 100%;
  float: none;
  margin: 0;
  background-color: #48A5D3;
}

#navigation #headBtn .access { display: block; }

#navigation #headBtn li, .mainBtnArea li {
  display: inline-block;
  float: none;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#navigation #headBtn li a, .mainBtnArea li a {
  display: inline-block;
  text-indent: hanging;
  white-space: normal;
  overflow: visible;
  text-indent: 0;
  text-align: center;
  padding: 10px 0;
  font-size: 13px;
  width: 100%;
  height: auto;
  color: #FFFFFF;
  text-shadow: 1px 1px 2px #777;
}

#navigation #headBtn li a:hover, .mainBtnArea li a:hover { text-decoration: none; }

#navigation #headBtn .text,
.mainBtnArea .text {
  width: 20%;
  height: auto;
  background-image: none;
  background-color: #E13333;
  border-right: solid 1px #B52626;
}

#navigation #headBtn .money, #navigation #headBtn .entry, #navigation #headBtn .btnfree,
.mainBtnArea .money, .mainBtnArea .entry, .mainBtnArea .btnfree {
  width: 20%;
  height: auto;
  background-image: none;
  border-left: solid 1px #9BCFE8;
  border-right: solid 1px #2984AF;
  background-color: #48A5D3;
}

#navigation #headBtn .access,
.mainBtnArea .access {
  width: 20%;
  height: auto;
  background-image: none;
  border-left: solid 1px #9BCFE8;
  display: inline-block;
}


/* ------------spStudentArea------------ */

#sectionCenter .spStudentArea {
  width: 100%;
  margin-bottom: 10px;
}

#sectionCenter .spStudentArea p.mainTitle {
  background-color: #EF8D21;
  border-top: solid 1px #D9790F;
  background: -moz-linear-gradient(top, #F7C995, #EF8D21);
  background: -webkit-gradient(linear, left top, left bottom, from(#F7C995), to(#EF8D21));
  margin-bottom: 0;
}

#sectionCenter .spStudentArea .mainTitle span {
  display: block;
  background-image: url(../images/icon_menu_white.png);
  background-position: 100% 0;
  background-repeat: no-repeat;
  -webkit-background-size: 20px;
  background-size: 20px;
  color: #FFFFFF;
}

#sectionCenter .spStudentArea .mainTitle.active span {
  background-position: 100% -20px;
}

#sectionCenter .spStudentArea ul {
  background-color: #FBEDE1;
  font-size: 13px;
}

#sectionCenter .spStudentArea ul li {
  border-bottom: solid 1px #F8D0A5;
}

#sectionCenter .spStudentArea ul li a {
  display: block;
  padding: 12px 10px;
  color: #E78212;
  text-decoration: none;
}

#sectionCenter .spStudentArea ul li a span {
  background-image: url(../images/icon_tri_orange.png);
  background-repeat: no-repeat;
  background-position: top right;
  -webkit-background-size: 16px;
  background-size: 16px;
  display: block;
  height: 16px;
  line-height: 16px;
}


/* contents
------------------------------------------------------------------------------ */

/* ------------sectionRight------------ */

#sectionRight {
  float: none;
  width: 100%;
  margin-bottom: 10px;
}

#sectionRight .schoolTitle {
  display: block;
  font-size: 14px;
  padding: 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-weight: normal;
  background-color: #48AF43;
  border-top: solid 2px #40993C
}

#sectionRight .schoolTitle span {
  border-left: solid 7px #EBEBEB;
  padding: 3px 0 3px 8px;
  color: #FFFFFF;
}

#sectionRight ul {
  width: 100%;
  background: -moz-linear-gradient(top, #9EC97E, #68AB37);
  background: -webkit-gradient(linear, left top, left bottom, from(#9EC97E), to(#68AB37));
}
#sectionRight .campaignSchoolList  {
  margin-top: 10px;
}
#sectionRight .campaignSchoolList ul {
  background: none;
}
#sectionRight .campaignSchoolList ul li {
  display: block;
}

#sectionRight ul li.schoolImg {
  width: 20%;
  float: left;
  text-align: center;
  background-color: #F5F6F6;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-right: solid 1px #DDE1E1;
  border-left: solid 1px #FFFFFF;
  text-shadow: 1px 1px 2px #FFF;
}

#sectionRight ul li.schoolImg.ftk { border-left: none; }
#sectionRight ul li.schoolImg.tsm { border-right: none; }

#sectionRight ul li.schoolImg a {
  display: block;
  width: auto;
  height: auto;
  padding: 13px 0;
  color: #4EA735;
  background-image: none !important;
  text-indent: 0;
  font-size: 13px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 1px #CCC;
}


/* ------------sectionCenter------------ */

.facebook, div.section01 { display: none; }

#sectionCenter {
  float: none;
  width: 100%;
  margin-right: 0;
}

#sectionCenter p.groupPlan {
  margin-top: 0px;
  position: static;
}


#sectionCenter p.recruitBnr {
  margin-bottom: 0;
  padding: 0px 20px 20px;
}

#sectionCenter img {
  width: 100%;
  height: auto;
}

#sectionCenter img.recruit {
  padding: 0 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#sectionCenter ul.note li {
  padding: 10px;
  font-size: 12px;
}

#sectionCenter ul.note li span { font-size: 12px; }

ul.campaign { margin-bottom: 10px; }

#sectionCenter p.readMore.campaign { margin-bottom: 20px; }

ul.note li {
  display: none;
  border-top: solid 1px #8B8685 !important;
  border-bottom: none !important;
}

ul.note li:first-child { border-top: none !important; }

ul.note li:first-child, ul.note li:nth-child(2) {
  display: block;
  border-top: none;
}

#sectionCenter p.readMore {
  display: block;
  height: 16px;
  line-height: 16px;
  margin:5px 10px 20px;
  padding-right: 50px;
  text-align: right;
  background-image: url(../images/icon_tri_more.png);
  background-repeat: no-repeat;
  background-position: top right;
  -webkit-background-size: 38px 16px;
  background-size: 38px 16px;
}


/* ------------smpFooterArea------------ */

#smpFooterArea {
  display: block;
  margin: 10px 0 0;
  width: 100%;
}

#smpFooterArea .backToPageTop {
  font-size: 14px;
  text-align: right;
  margin: 0 10px 5px;
}

#smpFooterArea .LinkToTop {
  background-color: #DCDCDC;
}
#smpFooterArea .LinkToTop a {
  display: block;
  padding: 13px 10px;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 13px;
  color: #777777;
  border-bottom: solid 1px #AAA;
}

#smpFooterArea .LinkToTop a span {
  display: block;
  height: 16px;
  line-height: 16px;
  background-image: url(../images/icon_tri_gray.png);
  background-repeat: no-repeat;
  background-position: top right;
  -webkit-background-size: 16px;
  background-size: 16px;
  text-shadow: 1px 1px 2px #FFF;
}

.corporateTitle {
  background-color: #DCDCDC;
  padding: 13px 10px;
  border-bottom: solid 1px #AAA;
}

.corporateTitle span {
  display: block;
  height: 20px;
  line-height: 20px;
  background-image: url(../images/icon_menu_gray.png);
  background-position: 100% 0;
  background-repeat: no-repeat;
  -webkit-background-size: 20px;
  background-size: 20px;
  font-size: 14px;
  color: #777777;
  text-shadow: 1px 1px 2px #FFF;
}
.corporateTitle.active span { background-position: 100% -20px; }

.corporateMenu { background-color: #9E9E9E; }

.corporateMenu li { border-bottom: solid 1px #CCCCCC; }
.corporateMenu li:last-child { border-bottom: none; }

.corporateMenu li a {
  display: block;
  padding: 12px 10px;
  text-decoration: none;
}

.corporateMenu li a span {
  display: block;
  height: 16px;
  line-height: 16px;
  color: #FFFFFF;
  background-image: url(../images/icon_tri.png);
  background-repeat: no-repeat;
  background-position: top right;
  -webkit-background-size: 16px;
  background-size: 16px;
}


/* ------------rsFooter------------ */

#rsFooter {
  display: block;
  background-color: #19931A;
  width: 100%;
  text-align: center;
  padding: 7px 0;
}

#rsFooter small {
  font-size: 13px;
  line-height: 1.5;
  color: #FFFFFF;
}


/* lower
------------------------------------------------------------------------------ */

p.pan { margin: 10px 10px 0; }

.pics { display: none; }

.rsImg {
  display: block;
  margin: 10px;
}

div.forms h1.text {
  display: block;
  font-size: 120%;
  margin: 0px 0 20px 0;
  padding: 5px 0 5px 10px;
  border: none;
  border-top: none;
  border-left: solid #4ea735 8px;
  margin-left: 10px;
  background: none;
  color: #4ea735;
}

#sectionRight.lower {
  float: none;
  width: 100%;
}

#sectionRight.lower img {
  width: 100%;
  height: auto;
}

#sectionRight.lower form.rwd { margin: 0 10px 0; }

#sectionRight.lower form.rwd table { width: 100%; }

#sectionRight .btnAreaTanki {
  width: 100%;
  margin-bottom: 0;
}

#sectionRight .btnAreaTanki a {
  display: block;
  letter-spacing: normal;
  width: 60% !important;
  margin: 10px auto 0 !important;
}


/* college
------------------------------------------------------------------------------ */

#main_tokuten_coll .linkToLate { width: 100%; }

#main_tokuten_coll .linkToLate a {
  width: 80%;
  margin: 0 auto 10px;
}


/* college_late
------------------------------------------------------------------------------ */

.yearList {
  margin-top: 20px;
  background: none !important;
  width: 100%;
  display: table;
}

.yearList li {
  display: table-cell;
  margin: 0;
  width: 50%;
}
.yearList li:first-of-type { padding-right: 5px; }
.yearList li:last-of-type { padding-left: 5px; }

.yearList li a img {
  width: 100%;
  height: auto;
}

.lateCoupon {
  width: 100%;
  margin-top: 10px;
}

.lateCoupon a {
  margin: 5px auto 0;
  width: 50px;
}

.lateCoupon a.firstSecondGrade {
  margin: 0 auto;
  width: 100px;
  display: block;
}

.lateCoupon a img {
  width: 50px;
  height: auto;
}

.lateCoupon a img.collegeLtd {
  bottom: 20px;
  width: 60px;
}

.lateCoupon .imgCap {
  margin: 70px 15px 40px;
}

.lateCoupon a img.collegeLtd.firstSecondGrade {
  width: 100px;
  margin: -50px auto 22px;
}

/* poster gallery
------------------------------------------------------------------------------ */

#poster.company {
  display: block;
}
#pos_backcolor {
  width: 100%;
}
#pos_backcolor .textbox {
  text-align: left;
  padding: 0px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
dl.sp_banner {
  padding: 0px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 40px;
}
dl.sp_banner dt {
  margin: 15px 0px 5px;;
  color: #fff;
  font-size: 1.2rem;
  font-size: 12px;
  font-weight: bold;
}
dl.sp_banner dd img{
  width: 100%;
}
table#pos_content {
  text-align: left;
}
table#pos_content td {
  display: inline-block;
  width: 50%;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  position: relative;
  vertical-align: bottom;
}
table#pos_content td.sp_pagetop {
  display: block;
  width: 100%;
  text-align: right;
}
table#pos_content td.sp_pagetop p span {
  position: static;
}
table#pos_content td p {
  margin: 2px 0px;
}
table#pos_content td a {
  display: block;
}
table#pos_content td img {
  width: 100%;
  height: auto;
}
.paparuNotice {
  font-size: 1rem;
  margin: 20px 0 20px;
}
}