@charset "UTF-8";
#password_reset_form main header h1, #password_reset_form main #info, #password_reset_form main #form, #admin main header h1, #admin main #form {
  max-width: 1024px;
  padding: 0px 20px;
  margin: 0 auto;
  box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%; }

body {
  font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #101010;
  word-break: break-all;
  overflow-y: scroll; }

.sp {
  display: none !important; }

.spInline {
  display: none !important; }

.spIB {
  display: none !important; }

@media screen and (max-width: 768px) {
  .pc {
    display: none !important; }
  .sp {
    display: block !important; }
  .spInline {
    display: inline !important; }
  .spIB {
    display: inline-block !important; } }

/* Base Fonts -------------------------------------------------------------- */
a {
  color: inherit;
  text-decoration: none; }

a:active,
a:focus {
  text-decoration: none; }

a.hovered {
  text-decoration: underline; }

.fwN {
  font-weight: normal; }

.fwB {
  font-weight: bold; }

.fzSS {
  font-size: 70%; }

.fzS {
  font-size: 85%; }

.fzL {
  font-size: 115%; }

.fzLL {
  font-size: 130%; }

.tdU {
  text-decoration: underline !important; }

.tdN {
  text-decoration: none !important; }

/* Inline Align ------------------------------------------------------------ */
.taL {
  text-align: left   !important; }

.taC {
  text-align: center !important; }

.taR {
  text-align: right  !important; }

.vaT {
  vertical-align: top    !important; }

.vaM {
  vertical-align: middle !important; }

.vaB {
  vertical-align: bottom !important; }

/* Floats ------------------------------------------------------------------ */
.flL {
  float: left; }

.flR {
  float: right; }

.clear {
  clear: both; }

/* Margin ------------------------------------------------------------------ */
.mt00 {
  margin-top: 0   !important; }

.mt05 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt12 {
  margin-top: 12px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mr00 {
  margin-right: 0   !important; }

.mr05 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr12 {
  margin-right: 12px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr35 {
  margin-right: 35px !important; }

.mr40 {
  margin-right: 40px !important; }

.mr45 {
  margin-right: 45px !important; }

.mr50 {
  margin-right: 50px !important; }

.mb00 {
  margin-bottom: 0   !important; }

.mb05 {
  margin-bottom: 5px !important; }

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

.mb12 {
  margin-bottom: 12px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.ml00 {
  margin-left: 0   !important; }

.ml02 {
  margin-left: 2px !important; }

.ml05 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml12 {
  margin-left: 12px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml35 {
  margin-left: 35px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml45 {
  margin-left: 45px !important; }

.ml50 {
  margin-left: 50px !important; }

/* Padding  ---------------------------------------------------------------- */
.pt00 {
  padding-top: 0   !important; }

.pt05 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt12 {
  padding-top: 12px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt35 {
  padding-top: 35px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt45 {
  padding-top: 45px !important; }

.pt50 {
  padding-top: 50px !important; }

.pr00 {
  padding-right: 0   !important; }

.pr05 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr12 {
  padding-right: 12px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr25 {
  padding-right: 25px !important; }

.pr30 {
  padding-right: 30px !important; }

.pr35 {
  padding-right: 35px !important; }

.pr40 {
  padding-right: 40px !important; }

.pr45 {
  padding-right: 45px !important; }

.pr50 {
  padding-right: 50px !important; }

.pb00 {
  padding-bottom: 0   !important; }

.pb05 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb12 {
  padding-bottom: 12px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pl00 {
  padding-left: 0   !important; }

.pl05 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl12 {
  padding-left: 12px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl25 {
  padding-left: 25px !important; }

.pl30 {
  padding-left: 30px !important; }

.pl35 {
  padding-left: 35px !important; }

.pl40 {
  padding-left: 40px !important; }

.pl45 {
  padding-left: 45px !important; }

.pl50 {
  padding-left: 50px !important; }

/* clearfix -------------------------------------------------------------- */
.clearfix {
  display: block;
  min-height: 1px;
  position: relative;
  /* DW */ }

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

* html .clearfix {
  height: 1px;
  /*\*/
  /*/
	height: auto;
	overflow: hidden;
	/**/ }

/* flex -------------------------------------------------------------- */
.flexDummy {
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border: none !important; }

/* reset -------------------------------------------------------------- */
.buttonReset, #password_reset_form main #form .btnWrap .confirmBtn, #password_reset_form main #form .btnWrap .backBtn, #password_reset_form main #form .btnWrap .submitBtn, #admin main #form .btnWrap .searchBtn, #admin main #form .btnWrap .prevBtn, #admin main #form .btnWrap .nextBtn, #admin main #form .btnWrap .backBtn, #admin main #form #list #listTable tr td .detailBtn {
  font-family: inherit;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  appearance: none; }

.selectReset {
  font-family: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
  cursor: pointer; }
  .selectReset::-ms-expand {
    display: none; }

.inputTextReset, #password_reset_form main #form section#inputSec .inputBlock input[type=text], #password_reset_form main #form section#inputSec .inputBlock input[type=email], #admin main #form #list #searchWrap .inputBlock > div input[type=text], #admin main #form #list #searchWrap .inputBlock > div input[type=email] {
  font-family: inherit;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  -webkit-appearance: none; }

#password_reset_form {
  background: #f8f8f8; }
  #password_reset_form main {
    padding-bottom: 50px;
    padding-bottom: calc(env(safe-area-inset-bottom) + 50px); }
    #password_reset_form main header {
      background: #1565c0;
      padding: 20px; }
      #password_reset_form main header h1 {
        text-align: center;
        color: #fff;
        font-size: 3.2rem;
        line-height: 1.2; }
      #password_reset_form main header h1 .eng {
        font-size: 2.2rem; }
    #password_reset_form main #info {
      margin-top: 20px; }
      #password_reset_form main #info p {
        border: 1px solid #ccc;
        background: #fff;
        padding: 20px; }
    #password_reset_form main #form {
      margin-top: 50px; }
      #password_reset_form main #form section {
        background: #fff;
        border: 1px solid #ccc;
        padding: 20px;
        border-radius: 12px; }
        #password_reset_form main #form section h2 {
          font-size: 2.2rem;
          line-height: 1.2;
          color: #003c8f;
          border-bottom: 1px solid #aaa;
          padding-bottom: 10px;
          margin-bottom: 10px; }
          #password_reset_form main #form section h2 .eng {
            font-size: 1.4rem;
            line-height: 1.2; }
        #password_reset_form main #form section h3 {
          font-size: 1.8rem;
          line-height: 1.2;
          color: #003c8f;
          padding-bottom: 10px; }
          #password_reset_form main #form section h3 .eng {
            font-size: 1.3rem; }
        #password_reset_form main #form section .labelWrap {
          margin-top: 30px;
          font-size: 2.0rem;
          text-align: center; }
          #password_reset_form main #form section .labelWrap label {
            cursor: pointer;
            padding-left: 5px; }
        #password_reset_form main #form section .error {
          display: block;
          margin-top: 5px;
          color: #f00; }
          .engTxt{
          font-size: 1.3rem;
          line-height: 1.3;
          display: block; }
        #password_reset_form main #form section#inputSec .inputBlock {
          margin-top: 25px;
          padding-bottom: 25px;
          border-bottom: 1px solid #ddd; }
          #password_reset_form main #form section#inputSec .inputBlock:first-child {
            margin-top: 0px; }
          #password_reset_form main #form section#inputSec .inputBlock .input {
            margin-top: 30px;
            font-size: 1.6rem;
            max-width: 100%;
            box-sizing: border-box; }
          #password_reset_form main #form section#inputSec .inputBlock .deleteBtn {
            display: none; }
          #password_reset_form main #form section#inputSec .inputBlock input[type=text], #password_reset_form main #form section#inputSec .inputBlock input[type=email] {
            border: 1px solid #888;
            padding: 7px 5px;
            line-height: 1.8;
            width: 300px; }
          #password_reset_form main #form section#inputSec .inputBlock input[type=file] {
            line-height: 1.6rem;
            cursor: pointer;
            outline: none; }
            #password_reset_form main #form section#inputSec .inputBlock input[type=file]::file-selector-button {
              font-size: 1.6rem;
              cursor: pointer; }
      #password_reset_form main #form #confirm div {
        margin-top: 30px; }
      #password_reset_form main #form #confirm #ConfirmError {
        font-size: 2rem;
        font-weight: bold;
        margin-top: 30px; }
      #password_reset_form main #form .btnWrap {
        margin-top: 50px;
        text-align: center; }
        #password_reset_form main #form .btnWrap .confirmBtn, #password_reset_form main #form .btnWrap .backBtn, #password_reset_form main #form .btnWrap .submitBtn {
          font-size: 2.2rem;
          background: #1565c0;
          color: #fff;
          padding: 5px 30px;
          border-radius: 5px;
          margin: 0px 10px; }
          #password_reset_form main #form .btnWrap .confirmBtn:hover, #password_reset_form main #form .btnWrap .backBtn:hover, #password_reset_form main #form .btnWrap .submitBtn:hover {
            opacity: .7; }
        #password_reset_form main #form .btnWrap .backBtn {
          background: #888; }
        .licenseimg {
          display: flex;
          justify-content: space-around;
          flex-wrap: wrap;
          
        }
        .licenseimg img {
          width: calc(50% - 30px);
        }


@media screen and (max-width: 768px) {
  #password_reset_form main header h1 {
    font-size: 2.4rem; }
    #password_reset_form main header h1 .eng {
      font-size: 1.6rem; }
        .licenseimg img {
          width: calc(50% - 10px);
        }
  }

#admin {
  background: #f8f8f8; }
  #admin main {
    padding-bottom: 50px;
    padding-bottom: calc(env(safe-area-inset-bottom) + 50px); }
    #admin main header {
      background: #6a1b9a;
      padding: 20px; }
      #admin main header h1 {
        text-align: center;
        color: #fff;
        font-size: 1.6rem;
        line-height: 1.2;
        display: flex;
        justify-content: center;
        align-items: center; }
        #admin main header h1 span:first-child {
          flex-shrink: 0;
          font-size: 3.2rem; }
    #admin main #form {
      margin-top: 50px; }
      #admin main #form .btnWrap {
        margin-top: 50px;
        text-align: center; }
        #admin main #form .btnWrap .searchBtn, #admin main #form .btnWrap .prevBtn, #admin main #form .btnWrap .nextBtn, #admin main #form .btnWrap .backBtn {
          font-size: 2.2rem;
          background: #38006b;
          color: #fff;
          padding: 5px 30px;
          border-radius: 5px;
          margin: 0px 10px; }
          #admin main #form .btnWrap .searchBtn:hover, #admin main #form .btnWrap .prevBtn:hover, #admin main #form .btnWrap .nextBtn:hover, #admin main #form .btnWrap .backBtn:hover {
            opacity: .7; }
      #admin main #form #list #searchWrap {
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 12px;
        padding: 20px; }
        #admin main #form #list #searchWrap .inputBlock {
          display: flex;
          justify-content: center;
          align-items: center; }
          #admin main #form #list #searchWrap .inputBlock > div {
            margin: 0px 20px;
            white-space: nowrap; }
            #admin main #form #list #searchWrap .inputBlock > div select, #admin main #form #list #searchWrap .inputBlock > div input {
              font-size: 1.6rem; }
            #admin main #form #list #searchWrap .inputBlock > div input[type=text], #admin main #form #list #searchWrap .inputBlock > div input[type=email] {
              border: 1px solid #888;
              padding: 0px 5px;
              width: 250px;
              box-sizing: border-box; }
        #admin main #form #list #searchWrap .btnWrap {
          margin-top: 20px; }
      #admin main #form #list #countWrap {
        margin-top: 20px; }
      #admin main #form #list #listTable {
        width: 100%;
        background: #fff; }
        #admin main #form #list #listTable tr td, #admin main #form #list #listTable tr th {
          border: 1px solid #888;
          text-align: center;
          vertical-align: middle;
          padding: 5px; }
          #admin main #form #list #listTable tr td.status, #admin main #form #list #listTable tr th.status {
            width: 12%;
            font-weight: bold; }
            #admin main #form #list #listTable tr td.status .status0, #admin main #form #list #listTable tr th.status .status0 {
              color: #b71c1c; }
            #admin main #form #list #listTable tr td.status .status1, #admin main #form #list #listTable tr th.status .status1 {
              color: #388e3c; }
            #admin main #form #list #listTable tr td.status .status2, #admin main #form #list #listTable tr th.status .status2 {
              color: #ff6f00; }
          #admin main #form #list #listTable tr td.no, #admin main #form #list #listTable tr th.no {
            width: 20%; }
          #admin main #form #list #listTable tr td.name, #admin main #form #list #listTable tr th.name {
            width: 20%; }
          #admin main #form #list #listTable tr td.email, #admin main #form #list #listTable tr th.email {
            width: 20%; }
          #admin main #form #list #listTable tr td.createDate, #admin main #form #list #listTable tr th.createDate {
            width: 20%; }
          #admin main #form #list #listTable tr td.detail, #admin main #form #list #listTable tr th.detail {
            width: 8%; }
        #admin main #form #list #listTable tr th {
          background: #9c4dcc;
          color: #fff; }
        #admin main #form #list #listTable tr td {
          font-size: 1.4rem; }
          #admin main #form #list #listTable tr td .detailBtn {
            background: #38006b;
            color: #fff;
            padding: 5px 10px;
            border-radius: 5px; }
            #admin main #form #list #listTable tr td .detailBtn:hover {
              opacity: .7; }
        #admin main #form #list #listTable tr:nth-child(even) td {
          background: #eee; }
      #admin main #form #detail {
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 12px;
        padding-bottom: 20px; }
        #admin main #form #detail #detailTable {
          width: 100%; }
          #admin main #form #detail #detailTable tr th, #admin main #form #detail #detailTable tr td {
            padding: 20px; }
          #admin main #form #detail #detailTable tr th {
            color: #9c4dcc;
            text-align: left;
            width: 200px; }
          #admin main #form #detail #detailTable tr.status #statusList {
            font-size: 1.6rem; }
          #admin main #form #detail #detailTable tr.file div {
            margin-top: 20px; }
            #admin main #form #detail #detailTable tr.file div:first-child {
              margin-top: 0px; }
            #admin main #form #detail #detailTable tr.file div a:hover {
              opacity: .7; }
      #admin main #form #error > div {
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 12px;
        padding: 20px;
        text-align: center; }

@media screen and (max-width: 768px) {
  #admin main header h1 {
    font-size: 1.2rem; }
    #admin main header h1 span:first-child {
      font-size: 2.4rem; }
  #admin main #form #list #searchWrap .inputBlock {
    display: block;
    max-width: 375px;
    margin: 0 auto; }
    #admin main #form #list #searchWrap .inputBlock > div {
      margin: 10px 0px; }
      #admin main #form #list #searchWrap .inputBlock > div:first-child {
        margin-top: 0px; }
      #admin main #form #list #searchWrap .inputBlock > div input {
        max-width: 180px; }
  #admin main #form #list #listTable {
    background: none; }
    #admin main #form #list #listTable tr {
      display: block;
      border-radius: 12px;
      border: 1px solid #888;
      margin-bottom: 20px;
      overflow: hidden; }
      #admin main #form #list #listTable tr:first-child {
        display: none; }
      #admin main #form #list #listTable tr td {
        display: block;
        border: none;
        box-sizing: border-box;
        padding: 2px 20px; }
        #admin main #form #list #listTable tr td.status {
          padding-top: 20px; }
        #admin main #form #list #listTable tr td.status, #admin main #form #list #listTable tr td.no, #admin main #form #list #listTable tr td.name, #admin main #form #list #listTable tr td.email, #admin main #form #list #listTable tr td.createDate, #admin main #form #list #listTable tr td.detail {
          display: block;
          width: 100%;
          text-align: left; }
        #admin main #form #list #listTable tr td > div {
          display: flex;
          width: 100%;
          max-width: 250px;
          margin: 0 auto; }
          #admin main #form #list #listTable tr td > div::before {
            display: block;
            color: #9c4dcc;
            font-weight: bold;
            white-space: nowrap; }
        #admin main #form #list #listTable tr td.status > div::before {
          content: "ステータス："; }
        #admin main #form #list #listTable tr td.no > div::before {
          content: "学生証(教職員)番号："; }
        #admin main #form #list #listTable tr td.name > div::before {
          content: "氏名："; }
        #admin main #form #list #listTable tr td.email > div::before {
          content: "email："; }
        #admin main #form #list #listTable tr td.createDate > div::before {
          content: "登録日："; }
        #admin main #form #list #listTable tr td.detail div {
          display: block;
          text-align: center;
          padding: 20px; }
          #admin main #form #list #listTable tr td.detail div .detailBtn {
            font-size: 1.8rem;
            padding: 5px 20px; }
  #admin main #form #detail #detailTable tr {
    display: block;
    padding: 20px; }
    #admin main #form #detail #detailTable tr th, #admin main #form #detail #detailTable tr td {
      display: block;
      padding: 0px; } }

/*# sourceMappingURL=style.css.map */