@charset "UTF-8";
@font-face {
  font-family: "sawarabi_local"; /* お好きな名前にしましょう */
  src: url("../fonts/sawarabi_mincho/sawarabi-mincho-medium.eot"); /* IE9以上用 */
  src: url("../fonts/sawarabi_mincho/sawarabi-mincho-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/sawarabi_mincho/sawarabi-mincho-medium.woff") format("woff"), url("../fonts/sawarabi_mincho/sawarabi-mincho-medium.ttf") format("truetype"); /* iOS, Android用 */
  font-weight: normal; /* 念の為指定しておきます */
  font-style: normal;
}
/* *****************************************************
 共通レイアウト（ヘッダー・フッター、メインコンテンツの枠組み・フォーム）
 ***************************************************** */
body .global_alert {
  display: block;
}
body .global_alert p {
  padding: 0 10px 10px;
  color: #f00;
  background: #fdfd99;
  font-weight: bold;
  line-height: 1.2em;
}
body .global_alert p:first-child {
  padding: 10px;
}
body .flatpickr-current-month .numInputWrapper {
  width: 10ch !important;
}
body header .title {
  background: #28385E;
  padding: 10px 15px;
  color: #fff;
}
@media only screen and (min-width: 640px) {
  body header .title h1 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 639px) {
  body header .title h1 {
    font-size: 16px;
    line-height: 20px;
  }
}
body header .title .userinfo {
  display: flex;
}
body header .title .userinfo p.name {
  display: block;
  text-align: right;
  flex: 1;
}
body header .title .userinfo p.name .office {
  text-decoration: none;
  display: inline-block;
  margin-right: 10px;
  padding: 0 8px;
  border-radius: 2px;
  font-size: 10px;
  background: #fff;
  color: #000;
}
body header .title .userinfo p.name .office:hover {
  opacity: 0.8;
}
body header .title .userinfo p.name .office.daitoku {
  background: #f66;
  color: #fff;
}
body header .title .userinfo p.name .office.daitoku2 {
  background: #66f;
  color: #fff;
}
@media only screen and (max-width: 639px) {
  body header .title .userinfo p.name .office {
    display: none;
  }
}
@media only screen and (min-width: 640px) {
  body header .title .userinfo p.name {
    line-height: 23px;
  }
}
@media only screen and (max-width: 639px) {
  body header .title .userinfo p.name {
    font-size: 12px;
    line-height: 20px;
    padding-right: 10px;
  }
}
body header .title .userinfo p.icon {
  text-align: right;
  display: block;
  width: 40px;
  line-height: 23px;
}
body header .title .userinfo p.icon a {
  color: #fff;
}
body header .title .userinfo p.icon a:hover {
  color: #516C8D;
}
body header .title .userinfo p.icon i {
  font-size: 23px;
}
body header .title .userinfo p.count {
  line-height: 23px;
  text-align: center;
  display: block;
  width: 30px;
}
body header .title .userinfo p.count span {
  font-family: "Noto Sans Japanese", sans-serif;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #fff;
  background: #f00;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  width: 21px;
  height: 21px;
  line-height: 21px;
}
@media only screen and (min-width: 640px) {
  body header nav.headermenu {
    border-bottom: 2px solid #6A91C1;
  }
  body header nav.headermenu .hide {
    display: flex !important;
  }
}
@media only screen and (max-width: 639px) {
  body header nav.headermenu {
    position: fixed;
    left: 0;
    top: 45px;
    width: 100%;
    z-index: 999;
    height: 0;
    padding-top: 54px;
  }
  body header nav.headermenu.show {
    top: 0;
    background: #28385E;
    height: 100vh;
  }
}
body header nav.headermenu .menubutton {
  position: absolute;
  right: 5px;
  top: 5px;
  text-align: right;
  z-index: 9999;
  border-radius: 50%;
  line-height: 1em;
  background: #28385E;
}
body header nav.headermenu .menubutton a {
  display: block;
  padding: 15px 16.5px;
  font-size: 32px;
  color: #fff;
}
@media only screen and (max-width: 639px) {
  body header nav.headermenu ul {
    display: none;
  }
  body header nav.headermenu ul.showitem {
    display: flex;
  }
}
body header nav.headermenu ul li {
  display: block;
}
@media only screen and (min-width: 640px) {
  body header nav.headermenu ul li {
    margin-right: 2px;
  }
}
@media only screen and (max-width: 639px) {
  body header nav.headermenu ul li {
    width: 50%;
    background: #fff;
    border-bottom: 1px solid #516C8D;
  }
}
body header nav.headermenu ul li.samedir a {
  background: rgba(238, 129, 123, 0.8);
}
body header nav.headermenu ul li a {
  background: #6A91C1;
  display: block;
  color: #fff;
}
@media only screen and (min-width: 640px) {
  body header nav.headermenu ul li a {
    padding: 10px;
  }
}
@media only screen and (max-width: 639px) {
  body header nav.headermenu ul li a {
    padding: 15px 10px;
    display: flex;
    align-items: center;
  }
}
body header nav.headermenu ul li a i {
  font-size: 24px;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  body header nav.headermenu ul li a i {
    display: block;
    margin: 0 auto 10px;
  }
}
@media only screen and (max-width: 639px) {
  body header nav.headermenu ul li a i {
    display: block;
    width: 35px;
    margin-right: 5px;
  }
}
body header nav.headermenu ul li a span {
  display: block;
}
body header nav.headermenu ul li a.logout {
  background: #EE817B;
}
body header nav.headermenu ul li a:hover {
  text-decoration: none;
  background: rgba(238, 129, 123, 0.8);
}
body .bottom_to_upper {
  position: fixed;
  z-index: 999999;
  right: 10px;
  bottom: 10px;
  width: 40px;
  height: 40px;
}
body .bottom_to_upper p {
  display: block;
  width: 100%;
  height: 100%;
}
body .bottom_to_upper p a {
  border-radius: 3px;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 40px;
  background: #516C8D;
  color: #fff;
}
body .bottom_to_upper p a i {
  line-height: 50px;
  color: inherit;
  font-size: 30px;
}
body .popup_wrap {
  display: none;
  z-index: 99999999;
  left: 0;
  top: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
}
body .popup_wrap .close_button {
  position: absolute;
  z-index: 999999999;
  right: 20px;
  top: 20px;
}
body .popup_wrap .close_button i {
  color: #fff;
  font-size: 24px;
}
body .popup_wrap .popup {
  position: relative;
  background: #fff;
}
@media only screen and (min-width: 640px) {
  body .popup_wrap .popup {
    width: 80vw;
    height: 80vh;
    margin: 10vh auto 10vh;
  }
}
@media only screen and (max-width: 639px) {
  body .popup_wrap .popup {
    width: 90vw;
    height: 90vh;
    margin: 5vh auto 5vh;
  }
}
body .popup_wrap .popup .popup_header,
body .popup_wrap .popup .popup_footer {
  position: absolute;
  width: 100%;
  padding: 8px 10px 0;
  background: #fff;
  z-index: 1;
  border-top: 2px solid #D6D6D6;
}
@media only screen and (min-width: 640px) {
  body .popup_wrap .popup .popup_header,
  body .popup_wrap .popup .popup_footer {
    height: 50px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 639px) {
  body .popup_wrap .popup .popup_header,
  body .popup_wrap .popup .popup_footer {
    height: 50px;
    line-height: 50px;
  }
}
body .popup_wrap .popup .popup_header {
  top: 0;
}
body .popup_wrap .popup .popup_body {
  height: 100%;
  overflow: scroll;
}
@media only screen and (min-width: 640px) {
  body .popup_wrap .popup .popup_body {
    padding: 50px 10px;
  }
}
@media only screen and (max-width: 639px) {
  body .popup_wrap .popup .popup_body {
    padding: 50px 10px;
  }
}
body .popup_wrap .popup .popup_body h5 {
  text-decoration: underline;
}
body .popup_wrap .popup .popup_body .popup_filter {
  display: flex;
}
body .popup_wrap .popup .popup_body .popup_filter dl {
  flex: 1;
  display: block;
  padding: 5px;
}
body .popup_wrap .popup .popup_body .popup_filter dl dt label {
  margin-top: 0;
  font-size: 12px;
  margin-bottom: 2px;
}
body .popup_wrap .popup .popup_body .popup_filter dl dd input {
  width: 100%;
}
body .popup_wrap .popup .popup_body .popup_filter .filter_button {
  width: 100%;
}
body .popup_wrap .popup .popup_body .popup_form dl {
  display: block;
}
body .popup_wrap .popup .popup_body .popup_form dl:nth-of-type(2n + 1) {
  background: #f0f0f0;
}
@media only screen and (min-width: 640px) {
  body .popup_wrap .popup .popup_body .popup_form dl {
    display: flex;
  }
}
body .popup_wrap .popup .popup_body .popup_form dl dt,
body .popup_wrap .popup .popup_body .popup_form dl dd {
  display: block;
}
@media only screen and (min-width: 640px) {
  body .popup_wrap .popup .popup_body .popup_form dl dt,
  body .popup_wrap .popup .popup_body .popup_form dl dd {
    height: 50px;
  }
}
@media only screen and (min-width: 640px) {
  body .popup_wrap .popup .popup_body .popup_form dl dt {
    width: 20%;
    line-height: 1.2em;
    padding: 15px 10px 0;
    text-align: right;
  }
}
@media only screen and (max-width: 639px) {
  body .popup_wrap .popup .popup_body .popup_form dl dt {
    padding: 5px 5px 0;
    text-decoration: underline;
    font-size: 12px;
  }
}
@media only screen and (min-width: 640px) {
  body .popup_wrap .popup .popup_body .popup_form dl dd {
    width: 80%;
    padding: 7px 5px 0;
  }
}
@media only screen and (max-width: 639px) {
  body .popup_wrap .popup .popup_body .popup_form dl dd {
    padding: 5px;
  }
}
body .popup_wrap .popup .popup_body .popup_form dl dd label {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
}
body .popup_wrap .popup .popup_footer {
  bottom: 0;
}
body .popup_wrap .popup .popup_footer ul {
  display: flex;
}
body .popup_wrap .popup .popup_footer ul li {
  margin-right: 5px;
}
body div.main_wrap {
  min-height: 100vh;
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  body div.main_wrap .content {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  body div.main_wrap .content {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 639px) {
  body div.main_wrap .content {
    padding: 0 0 45%;
  }
  body div.main_wrap .content.smp_fullsize {
    padding: 0 0 45%;
  }
}
body div.main_wrap h3 {
  text-align: center;
}
body div.main_wrap h4 {
  text-align: center;
}
body footer {
  padding: 10px;
  background: #28385E;
  color: #fff;
}
@media only screen and (min-width: 640px) {
  body footer {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 639px) {
  body footer {
    margin-top: 150px;
  }
}
body footer div p {
  line-height: 1.5em;
}

@font-face {
  font-family: "sawarabi_local"; /* お好きな名前にしましょう */
  src: url("../fonts/sawarabi_mincho/sawarabi-mincho-medium.eot"); /* IE9以上用 */
  src: url("../fonts/sawarabi_mincho/sawarabi-mincho-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/sawarabi_mincho/sawarabi-mincho-medium.woff") format("woff"), url("../fonts/sawarabi_mincho/sawarabi-mincho-medium.ttf") format("truetype"); /* iOS, Android用 */
  font-weight: normal; /* 念の為指定しておきます */
  font-style: normal;
}
/* *****************************************************
 メインコンテンツ
 ***************************************************** */
div.main_wrap.page_asign {
  margin-bottom: 50vh;
}
div.main_wrap div.content span.office {
  font-size: 8px;
  padding: 3px 5px;
}
div.main_wrap div.content .slogan p {
  line-height: 1.5em;
}
div.main_wrap div.content .waiting {
  opacity: 0.2;
}
div.main_wrap div.content .hidden_area {
  display: none;
}
div.main_wrap div.content .button_space {
  margin-top: 10px;
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .normaltext {
    padding: 0;
  }
}
div.main_wrap div.content .buttons {
  display: flex;
}
div.main_wrap div.content .buttons li {
  display: block;
  margin-right: 2px;
  margin-bottom: 5px;
}
div.main_wrap div.content .buttons li a {
  display: inline-block;
}
div.main_wrap div.content .buttons li a.default_button {
  background: #EE817B;
}
div.main_wrap div.content .tab_wrap .tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}
div.main_wrap div.content .tab_wrap .tabs li {
  flex: 1;
}
div.main_wrap div.content .tab_wrap .tabs li a {
  display: block;
  border-radius: 0 15px 0 0;
  border: 1px solid #f0f0f0;
  padding: 15px;
  background: #516C8D;
  color: #fff;
}
div.main_wrap div.content .tab_wrap .tabs li a:hover {
  background: #EE817B;
  text-decoration: none;
}
div.main_wrap div.content .tab_wrap .tabs li a.select {
  background: #EE817B;
  text-decoration: none;
}
div.main_wrap div.content .top_day_control ul {
  display: flex;
}
div.main_wrap div.content .top_day_control ul li {
  display: block;
  flex: 1;
  padding: 0 20px;
}
div.main_wrap div.content .top_day_control ul li a {
  padding: 20px 0;
  border-radius: 5px;
  background: #a33;
  color: #fff;
  text-decoration: none;
  text-align: center;
  display: block;
}
div.main_wrap div.content .top_day_control ul li a i {
  color: #fff;
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
}
div.main_wrap div.content .sign {
  margin: 10px 0;
  min-height: 100px;
  width: 100%;
  border: 1px solid #D6D6D6;
}
div.main_wrap div.content .table_buttons {
  display: flex;
  margin-top: 20px;
}
div.main_wrap div.content .table_buttons li {
  display: block;
  margin-right: 10px;
}
div.main_wrap div.content .tab {
  display: flex;
  gap: 0 10px;
  margin-bottom: 10px;
}
div.main_wrap div.content .tab li {
  flex: 1;
}
div.main_wrap div.content .tab li.selected a, div.main_wrap div.content .tab li:hover a {
  display: block;
  color: #fff;
  background: #EE817B;
}
div.main_wrap div.content .tab li a {
  display: block;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  background: #516C8D;
}
div.main_wrap div.content .tab li a:hover {
  text-decoration: none;
}
div.main_wrap div.content .home_top_icons {
  display: flex;
  margin: 10px;
}
div.main_wrap div.content .home_top_icons p {
  flex: 1;
  background: #516C8D;
  margin: 0 2px 5px;
}
div.main_wrap div.content .home_top_icons p a {
  display: block;
  text-align: center;
  color: #fff;
  padding: 15px 0 10px;
  line-height: 30px;
}
div.main_wrap div.content .home_top_icons p a.selected {
  background: #EE817B;
}
div.main_wrap div.content .home_top_icons p a i {
  display: block;
  font-size: 30px;
  color: #fff;
  margin-right: 10px;
}
div.main_wrap div.content .home_top_icons p a span {
  display: block;
  font-size: 14px;
}
div.main_wrap div.content .confirm_icon_list {
  display: flex;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .confirm_icon_list {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
div.main_wrap div.content .confirm_icon_list li {
  display: block;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .confirm_icon_list li {
    width: 150px;
    margin: 0 10px 10px;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .confirm_icon_list li {
    width: 50%;
    border: 2px solid #fff;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .confirm_icon_list li.color_pdf {
    width: 100%;
  }
}
div.main_wrap div.content .confirm_icon_list li.color_pdf a {
  background: #e63523;
}
div.main_wrap div.content .confirm_icon_list li a {
  width: 100%;
  background: #516C8D;
  color: #fff;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .confirm_icon_list li a {
    display: block;
    padding: 20px 20px 10px;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .confirm_icon_list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
  }
}
div.main_wrap div.content .confirm_icon_list li a:hover {
  text-decoration: none;
  background: #EE817B;
}
div.main_wrap div.content .confirm_icon_list li a i {
  color: inherit;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .confirm_icon_list li a i {
    font-size: 48px;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .confirm_icon_list li a i {
    font-size: 36px;
    width: 60px;
    text-align: left;
  }
}
div.main_wrap div.content .confirm_icon_list li a div.text_wrap {
  flex: 1;
}
div.main_wrap div.content .confirm_icon_list li a div.text_wrap span {
  color: inherit;
  display: block;
  line-height: 1.5em;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .confirm_icon_list li a div.text_wrap span {
    margin: 10px 0;
    text-align: center;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .confirm_icon_list li a div.text_wrap span {
    margin: 0;
    text-align: left;
  }
}
div.main_wrap div.content .confirm_icon_list li a div.text_wrap span.title {
  font-size: 16px;
}
div.main_wrap div.content .confirm_icon_list li a div.text_wrap span.desc {
  font-size: 12px;
}
div.main_wrap div.content .map_set_button {
  margin-top: 10px;
  display: flex;
  justify-content: space-around;
}
div.main_wrap div.content .map_set_button p {
  flex: 1;
  padding: 0 10px;
}
div.main_wrap div.content .map_set_button p:nth-of-type(2n + 2) {
  text-align: right;
}
div.main_wrap div.content .map_set_button p a.route {
  background: #a33;
  color: #fff;
  font-size: 20px;
}
div.main_wrap div.content .slogan {
  padding: 20px;
  text-align: center;
}
div.main_wrap div.content .slogan p {
  font-size: 16px;
}
div.main_wrap div.content .schedule_table th i,
div.main_wrap div.content .schedule_table td i {
  font-size: 23px;
  margin-right: 10px;
}
div.main_wrap div.content span.caution {
  color: #f00;
  font-weight: bold;
}
div.main_wrap div.content span.sub3 {
  color: #EE817B;
}
div.main_wrap div.content span.sub4 {
  color: #3a3;
}
div.main_wrap div.content span.sub5 {
  color: #a33;
}
div.main_wrap div.content span.sub6 {
  color: #3aa;
}
div.main_wrap div.content span.pen_white {
  color: rgb(255, 255, 255);
}
div.main_wrap div.content span.pen_black {
  color: rgb(0, 0, 0);
}
div.main_wrap div.content span.pen_red {
  color: rgb(255, 0, 0);
}
div.main_wrap div.content .pen .size,
div.main_wrap div.content .pen .color {
  margin-bottom: 5px;
  margin-left: 5px;
}
div.main_wrap div.content .pen .pen_size {
  display: inline-block;
  margin-right: 5px;
}
div.main_wrap div.content .pen .selected {
  background: #EE817B;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .separate_wrap {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .separate_wrap {
    align-items: center;
  }
}
div.main_wrap div.content .separate_wrap .separate span {
  margin-top: 10px;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .separate_wrap .separate {
    display: flex;
    flex: 1;
  }
  div.main_wrap div.content .separate_wrap .separate.double {
    flex: 2;
  }
  div.main_wrap div.content .separate_wrap .separate a {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    flex: 1;
    display: block;
    text-align: center;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .separate_wrap .separate {
    display: flex;
    margin-top: 5px;
  }
  div.main_wrap div.content .separate_wrap .separate a {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 50%;
    display: block;
    text-align: center;
    margin-bottom: 3px;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .asign_list_wrap {
    display: flex;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .asign_list_wrap {
    display: flex;
  }
}
div.main_wrap div.content .asign_list_wrap .asign_list {
  background: #f0f0f0;
  border-radius: 15px 0 0 0;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .asign_list_wrap .asign_list {
    border-right: 5px solid #fff;
    margin-bottom: 10px;
    padding: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  div.main_wrap div.content .asign_list_wrap .asign_list {
    width: 25%;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  div.main_wrap div.content .asign_list_wrap .asign_list {
    width: 33%;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  div.main_wrap div.content .asign_list_wrap .asign_list {
    width: 50%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .asign_list_wrap .asign_list {
    border-right: 5px solid #fff;
    width: 50%;
    margin-bottom: 10px;
    padding: 10px;
  }
}
div.main_wrap div.content .asign_list_wrap .asign_list .asign_caution p {
  margin-bottom: 10px;
  color: #f00;
  font-weight: bold;
}
div.main_wrap div.content .asign_list_wrap .asign_list .asign_place {
  line-height: 1.3em;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .asign_list_wrap .asign_list .asign_place {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .asign_list_wrap .asign_list .asign_place {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .asign_list_wrap .asign_list .asign_place a {
    font-size: 16px;
  }
  div.main_wrap div.content .asign_list_wrap .asign_list .asign_place a span.company {
    font-size: 10px;
    display: block;
  }
  div.main_wrap div.content .asign_list_wrap .asign_list .asign_place a span.genba {
    font-size: 14px;
    margin-top: 3px;
    display: block;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .asign_list_wrap .asign_list .asign_place a span.company {
    font-size: 10px;
    display: block;
  }
  div.main_wrap div.content .asign_list_wrap .asign_list .asign_place a span.genba {
    font-size: 14px;
    margin-top: 3px;
    display: block;
  }
}
div.main_wrap div.content .asign_list_wrap .asign_list .asign_car {
  line-height: 1.3em;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .asign_list_wrap .asign_list .asign_car {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .asign_list_wrap .asign_list .asign_car {
    margin-bottom: 5px;
  }
}
div.main_wrap div.content .asign_list_wrap .asign_list .asign_car p {
  display: inline-block;
  margin-right: 3px;
}
div.main_wrap div.content .asign_list_wrap .asign_list .asign_member {
  line-height: 1.3em;
}
div.main_wrap div.content .asign_list_wrap .asign_list .asign_member p {
  display: inline-block;
  margin-right: 4px;
  padding: 2px;
  border-radius: 2px;
}
div.main_wrap div.content .asign_list_wrap .asign_list .asign_member p.multi_kojin {
  background: #f00;
  color: #fff;
  font-weight: bold;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .asign_form {
    display: flex;
  }
}
div.main_wrap div.content .asign_form .scene {
  border: 1px solid #516C8D;
  border-radius: 5px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .asign_form .scene {
    width: 24%;
    margin-right: 1%;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .asign_form .scene {
    margin-bottom: 10px;
  }
}
div.main_wrap div.content .asign_form .scene div.headeritem {
  display: flex;
  padding: 5px 5px 0;
  justify-content: space-between;
}
div.main_wrap div.content .asign_form .scene div.headeritem h4 {
  display: block;
  font-size: 16px;
  margin: 0;
  text-align: left;
  width: 90%;
  line-height: 1.3em;
  padding: 0 5px;
}
div.main_wrap div.content .asign_form .scene div.headeritem h4 a span {
  display: block;
  line-height: 1em;
}
div.main_wrap div.content .asign_form .scene div.headeritem h4 a span.company {
  font-size: 10px;
}
div.main_wrap div.content .asign_form .scene div.headeritem h4 a span.genba {
  margin-top: 5px;
  font-size: 14px;
}
div.main_wrap div.content .asign_form .scene div.headeritem p a {
  display: block;
  width: 100%;
  padding: 5px;
  text-align: center;
  color: #fff;
  background: #6A91C1;
  border-radius: 5px;
}
div.main_wrap div.content .asign_form .scene div.headeritem p a.warning {
  background: #f00;
}
div.main_wrap div.content .asign_form .scene div.asign_item {
  margin-top: 5px;
  display: flex;
}
div.main_wrap div.content .asign_form .scene div.asign_item p.label {
  padding-top: 10px;
  width: 50px;
  color: #000;
  text-align: center;
}
div.main_wrap div.content .asign_form .scene div.asign_item div.placeitem {
  flex: 1;
  display: block;
}
div.main_wrap div.content form.form_contract_operation .operation_type select {
  pointer-events: none;
  background: #D6D6D6;
}
div.main_wrap div.content form.form_contract_operation .operation_place1,
div.main_wrap div.content form.form_contract_operation .operation_place2,
div.main_wrap div.content form.form_contract_operation .operation_place3 {
  display: none !important;
}
div.main_wrap div.content form.form_contract_operation .item_append,
div.main_wrap div.content form.form_contract_operation .item_remove {
  display: none !important;
}
div.main_wrap div.content .tableform_wrap {
  width: 100%;
}
div.main_wrap div.content .tableform_wrap .tableform {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
div.main_wrap div.content .tableform_wrap .tableform:first-of-type:last-of-type .item_remove {
  display: none !important;
}
div.main_wrap div.content .tableform_wrap .tableform:nth-of-type(2n + 1) {
  background: #f6f6f6;
}
div.main_wrap div.content .tableform_wrap .tableform p.handle {
  width: 50px;
  text-align: center;
}
div.main_wrap div.content .tableform_wrap .tableform .item {
  padding: 10px;
}
div.main_wrap div.content .tableform_wrap .tableform .item.placeholder_label::before {
  display: block;
  font-size: 12px;
  width: 100%;
  margin-bottom: 2px;
  color: #000;
  content: attr(data-placeholder);
}
div.main_wrap div.content .tableform_wrap .tableform .item.turn {
  width: 100%;
  height: 1px;
  padding: 0;
  margin: 0;
}
div.main_wrap div.content .tableform_wrap .tableform .item.itemflex {
  flex: 1;
}
div.main_wrap div.content .tableform_wrap .tableform .item.itemflex input[type=text] {
  width: 100%;
}
div.main_wrap div.content .tableform_wrap .tableform .item.itemflex.formitem_id {
  flex: none;
  display: none;
}
div.main_wrap div.content .tableform_wrap .tableform .item.itemflex.formitem_sort {
  flex: none;
  display: none;
}
div.main_wrap div.content .tableform_wrap .tableform .item.itemflex.formitem_deleted {
  width: 100px;
  flex: none;
}
div.main_wrap div.content .tableform_wrap .tableform .item.itemflex.formitem_item_price input {
  width: 100px;
}
div.main_wrap div.content .tableform_wrap .tableform .item.itemflex.formitem_item_unit input {
  width: 100px;
}
div.main_wrap div.content .tableform_wrap .tableform .item.itemflex.formitem_target_db, div.main_wrap div.content .tableform_wrap .tableform .item.itemflex.formitem_start_time {
  padding-left: 5%;
}
div.main_wrap div.content .tableform_wrap .tableform .item.itemflex.formitem_route_zip {
  width: 120px;
  flex: none;
}
div.main_wrap div.content .tableform_wrap .tableform .item.itemflex.formitem_route_addr {
  width: 50%;
  flex: none;
}
div.main_wrap div.content .tableform_wrap .tableform .item.itemflex.formitem_route_tel1 {
  width: 25%;
  flex: none;
}
div.main_wrap div.content .tableform_wrap .tableform .item.itemflex.formitem_route_tel2 {
  width: 25%;
  flex: none;
}
div.main_wrap div.content .tableform_wrap .tableform .item.itemflex.formitem_route_tantou {
  width: 25%;
  flex: none;
}
div.main_wrap div.content .tableform_wrap .tableform .item.itemflex.formitem_route_is_highway {
  width: 25%;
  flex: none;
}
div.main_wrap div.content .tableform_wrap .tableform .item.itemflex.formitem_route_remark {
  width: 90%;
  flex: none;
}
div.main_wrap div.content .tableform_wrap .tableform .item.itemflex.formitem_zip {
  width: 150px;
  flex: none;
}
div.main_wrap div.content .tableform_wrap .tableform .item label {
  width: 100% !important;
}
div.main_wrap div.content .tableform_wrap .tableform .item.button {
  width: 100px;
  display: flex;
}
div.main_wrap div.content .tableform_wrap .tableform .item.button p {
  display: block;
}
div.main_wrap div.content .tableform_wrap .tableform .item.button p.item_append, div.main_wrap div.content .tableform_wrap .tableform .item.button p.item_remove {
  padding-top: 5px;
  display: block;
}
div.main_wrap div.content .tableform_wrap .tableform .item.button p.item_append i, div.main_wrap div.content .tableform_wrap .tableform .item.button p.item_remove i {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .tableform_wrap .tableform .item.button p.item_append i, div.main_wrap div.content .tableform_wrap .tableform .item.button p.item_remove i {
    border-radius: 50%;
    padding: 3px;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .tableform_wrap .tableform .item.button p.item_append i, div.main_wrap div.content .tableform_wrap .tableform .item.button p.item_remove i {
    border-radius: 5px;
    padding: 10px;
  }
}
div.main_wrap div.content .tableform_wrap .tableform .item.button p.item_append {
  text-align: center;
  margin-right: 10px;
}
div.main_wrap div.content .tableform_wrap .tableform .item.button p.item_append i {
  background: #3a3;
  color: #fff;
}
div.main_wrap div.content .tableform_wrap .tableform .item.button p.item_remove {
  text-align: center;
}
div.main_wrap div.content .tableform_wrap .tableform .item.button p.item_remove i {
  background: #EE817B;
  color: #fff;
}
div.main_wrap div.content .no_zangyo_input .presence_zangyo,
div.main_wrap div.content .no_zangyo_input .presence_zangyo_time,
div.main_wrap div.content .no_zangyo_input .operation_zangyo {
  display: none !important;
}
div.main_wrap div.content .form_item {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item {
    margin-right: 10px;
    padding: 5px 0;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item {
    padding: 10px 0;
  }
}
div.main_wrap div.content .form_item:nth-of-type(2n + 1) {
  background: #f0f0f0;
}
div.main_wrap div.content .form_item.required label {
  font-weight: bold;
  color: #f33;
}
div.main_wrap div.content .form_item > .sortable_item_regular_operation_trans .sort_item {
  display: flex;
  flex-wrap: wrap;
}
div.main_wrap div.content .form_item > .sortable_item_regular_operation_trans .sort_item > .operation_regular {
  width: 100%;
}
div.main_wrap div.content .form_item > .sortable_item_regular_operation_trans .sort_item .operation_memberlist_wrap {
  width: 5%;
}
div.main_wrap div.content .form_item > .sortable_item_regular_operation_trans .sort_item .operation_memberlist_wrap .handle {
  width: 100%;
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item > .sortable_item_regular_operation_trans .sort_item .operation_memberlist_wrap .handle {
    margin-top: 5px;
  }
}
div.main_wrap div.content .form_item > .sortable_item_regular_operation_trans .sort_item .operation_memberlist_wrap .operation_memberlist {
  display: none !important;
}
div.main_wrap div.content .form_item > .sortable_item_regular_operation_trans .sort_item .operation_memberlist_wrap .operation_zangyo {
  display: none !important;
}
div.main_wrap div.content .form_item > .sortable_item_regular_operation_trans .sort_item .operationappendinfo {
  width: 90%;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item > .sortable_item_regular_operation_trans .sort_item .operationappendinfo {
    margin-top: 10px;
  }
}
div.main_wrap div.content .form_item.form_item_staff_meisi_omote_url_display div.image_wrap.thumb a, div.main_wrap div.content .form_item.form_item_staff_meisi_ura_url_display div.image_wrap.thumb a {
  display: block;
  width: 200px;
}
div.main_wrap div.content .form_item.form_item_staff_meisi_omote_url_display div.image_wrap.thumb p img, div.main_wrap div.content .form_item.form_item_staff_meisi_ura_url_display div.image_wrap.thumb p img {
  display: block;
  width: 200px;
  height: auto;
}
div.main_wrap div.content .form_item .thumb a {
  display: block;
  width: 120px;
}
div.main_wrap div.content .form_item .thumb img {
  display: block;
  width: 120px;
  height: auto;
}
div.main_wrap div.content .form_item .numberinput_wrap {
  display: flex;
  align-items: center;
}
div.main_wrap div.content .form_item .numberinput_wrap input {
  flex: 1;
}
div.main_wrap div.content .form_item .numberinput_wrap a.number_input {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  margin: 0 5px;
  padding: 10px 10px 0;
  border-radius: 3px;
  background: #516C8D;
}
div.main_wrap div.content .form_item .numberinput_wrap a.number_input i {
  display: inline-block;
  font-size: 16px;
  color: #fff;
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item.form_item_schedule_address_latlng label {
    width: 100%;
    text-align: left;
  }
  div.main_wrap div.content .form_item.form_item_schedule_address_latlng .wrap #map {
    width: 100% !important;
    height: 240px !important;
  }
}
div.main_wrap div.content .form_item .multiselect-container li.active a {
  background: #EE817B;
}
div.main_wrap div.content .form_item .multiselect-container li.active a label {
  color: #fff;
}
div.main_wrap div.content .form_item .multiselect-container li label {
  width: auto;
  color: #000;
  text-align: left;
  padding-left: 10px;
}
div.main_wrap div.content .form_item .checkwrap {
  display: flex;
  flex-wrap: wrap;
}
div.main_wrap div.content .form_item .checkwrap label.checklabel {
  text-align: left;
  display: block;
  width: 50%;
  margin-right: 0;
}
div.main_wrap div.content .form_item label {
  display: block;
  text-align: right;
  margin-top: 5px;
}
div.main_wrap div.content .form_item label.checklabel {
  text-align: left;
}
@media only screen and (min-width: 1200px) {
  div.main_wrap div.content .form_item label {
    width: 200px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  div.main_wrap div.content .form_item label {
    width: 150px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  div.main_wrap div.content .form_item label {
    width: 100px;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item label {
    margin-top: 0;
    text-align: left;
    width: 100%;
    font-size: 11px;
    text-decoration: underline;
    margin-left: 5px;
  }
}
div.main_wrap div.content .form_item div.wrap {
  display: block;
  flex: 1;
}
div.main_wrap div.content .form_item div.wrap p.multiline {
  line-height: 1.5em;
}
div.main_wrap div.content .form_item div.wrap .sort_item:hover {
  background: #dae1ff !important;
}
div.main_wrap div.content .form_item div.wrap .sort_item:first-of-type:last-of-type .item_remove a {
  display: none;
}
div.main_wrap div.content .form_item div.wrap .readonly {
  padding-left: 10px;
  display: inline-block;
  min-height: 1em;
  line-height: 1.5em;
}
div.main_wrap div.content .form_item div.wrap input[type=number] {
  ime-mode: disabled;
}
div.main_wrap div.content .form_item div.wrap input[type=text],
div.main_wrap div.content .form_item div.wrap input[type=password],
div.main_wrap div.content .form_item div.wrap input[type=email],
div.main_wrap div.content .form_item div.wrap input[type=tel],
div.main_wrap div.content .form_item div.wrap input[type=date],
div.main_wrap div.content .form_item div.wrap textarea {
  width: 100%;
}
div.main_wrap div.content .form_item div.wrap select option.hidden {
  display: none !important;
}
div.main_wrap div.content .form_item .comment {
  display: block;
  margin-top: 5px;
  font-size: 12px;
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .comment {
    padding: 0 10px;
  }
}
div.main_wrap div.content .form_item .remark {
  margin-bottom: 5px;
}
div.main_wrap div.content .form_item .sort_item:nth-of-type(2n + 1) {
  background: #fcfcfc;
}
div.main_wrap div.content .form_item .sort_item .inputinfo {
  display: flex;
  align-items: center;
}
div.main_wrap div.content .form_item .sort_item .inputinfo li {
  display: block;
}
div.main_wrap div.content .form_item .sort_item .appendinfo {
  display: flex;
  align-items: center;
}
div.main_wrap div.content .form_item .sort_item .appendinfo .item_append,
div.main_wrap div.content .form_item .sort_item .appendinfo .item_remove {
  display: block;
  padding-top: 5px;
  text-align: center;
  margin-bottom: 15px;
  width: 20px;
  height: 20px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .sort_item .appendinfo .item_append,
  div.main_wrap div.content .form_item .sort_item .appendinfo .item_remove {
    width: 5%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .sort_item .appendinfo .item_append,
  div.main_wrap div.content .form_item .sort_item .appendinfo .item_remove {
    width: 10%;
  }
}
div.main_wrap div.content .form_item .sort_item .appendinfo .item_append i,
div.main_wrap div.content .form_item .sort_item .appendinfo .item_remove i {
  display: block;
  margin: 0 auto;
  width: 20px;
  height: 20px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .sort_item .appendinfo .item_append i,
  div.main_wrap div.content .form_item .sort_item .appendinfo .item_remove i {
    border-radius: 50%;
    padding: 3px;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .sort_item .appendinfo .item_append i,
  div.main_wrap div.content .form_item .sort_item .appendinfo .item_remove i {
    margin: 5px auto 0;
    border-radius: 50%;
    line-height: 20px;
  }
}
div.main_wrap div.content .form_item .sort_item .appendinfo .item_append i {
  background: #3a3;
  color: #fff;
}
div.main_wrap div.content .form_item .sort_item .appendinfo .item_remove i {
  background: #EE817B;
  color: #fff;
}
div.main_wrap div.content .form_item .saleselementinfo.header li {
  padding: 5px 0;
  text-align: center;
}
div.main_wrap div.content .form_item .saleselementinfo.header li.sales_total_price {
  text-align: center;
}
div.main_wrap div.content .form_item .saleselementinfo li.sales_row_no {
  text-align: center;
  font-weight: bold;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .saleselementinfo li.sales_row_no {
    width: 5%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .saleselementinfo li.sales_row_no {
    width: 10%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .saleselementinfo li.sales_date {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .saleselementinfo li.sales_date {
    width: 20%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .saleselementinfo li.sales_name {
    width: 25%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .saleselementinfo li.sales_name {
    width: 70%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .saleselementinfo li.sales_cnt {
    width: 15%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .saleselementinfo li.sales_cnt {
    width: 30%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .saleselementinfo li.sales_unit {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .saleselementinfo li.sales_unit {
    width: 20%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .saleselementinfo li.sales_price {
    width: 20%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .saleselementinfo li.sales_price {
    width: 40%;
  }
}
div.main_wrap div.content .form_item .saleselementinfo li.sales_total_price {
  text-align: right;
  padding: 10px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .saleselementinfo li.sales_total_price {
    width: 15%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .saleselementinfo li.sales_total_price {
    width: 30%;
  }
}
div.main_wrap div.content .form_item .salesinfo.header li {
  padding: 5px 0;
  text-align: center;
}
div.main_wrap div.content .form_item .salesinfo.header li.sales_total_price {
  text-align: center;
}
div.main_wrap div.content .form_item .salesinfo li.sales_row_no {
  text-align: center;
  font-weight: bold;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .salesinfo li.sales_row_no {
    width: 5%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .salesinfo li.sales_row_no {
    width: 10%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .salesinfo li.sales_date {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .salesinfo li.sales_date {
    width: 20%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .salesinfo li.sales_name {
    width: 25%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .salesinfo li.sales_name {
    width: 70%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .salesinfo li.sales_cnt {
    width: 15%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .salesinfo li.sales_cnt {
    width: 30%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .salesinfo li.sales_unit {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .salesinfo li.sales_unit {
    width: 20%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .salesinfo li.sales_price {
    width: 20%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .salesinfo li.sales_price {
    width: 40%;
  }
}
div.main_wrap div.content .form_item .salesinfo li.sales_total_price {
  text-align: right;
  padding: 10px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .salesinfo li.sales_total_price {
    width: 15%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .salesinfo li.sales_total_price {
    width: 30%;
  }
}
div.main_wrap div.content .form_item .attendanceinfo {
  padding-top: 10px;
}
div.main_wrap div.content .form_item .attendanceinfo li.attendance_row_no {
  text-align: center;
  font-weight: bold;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .attendanceinfo li.attendance_row_no {
    width: 5%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .attendanceinfo li.attendance_row_no {
    width: 10%;
  }
}
div.main_wrap div.content .form_item .attendanceinfo li.attendance_row_member_name {
  margin-left: 10px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .attendanceinfo li.attendance_row_member_name {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .attendanceinfo li.attendance_row_member_name {
    width: 90%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .attendanceinfo li.attendance_scene {
    width: 35%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .attendanceinfo li.attendance_scene {
    width: 90%;
  }
}
div.main_wrap div.content .form_item .attendanceinfo li.attendance_zangyo_time, div.main_wrap div.content .form_item .attendanceinfo li.attendance_zangyo {
  display: none;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .attendanceinfo li.attendance_end_time, div.main_wrap div.content .form_item .attendanceinfo li.attendance_zangyo_time, div.main_wrap div.content .form_item .attendanceinfo li.attendance_early_time, div.main_wrap div.content .form_item .attendanceinfo li.attendance_late_time {
    width: 10%;
    padding-right: 2%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .attendanceinfo li.attendance_end_time, div.main_wrap div.content .form_item .attendanceinfo li.attendance_zangyo_time, div.main_wrap div.content .form_item .attendanceinfo li.attendance_early_time, div.main_wrap div.content .form_item .attendanceinfo li.attendance_late_time {
    margin-top: 10px;
    width: 25%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .attendanceinfo li.attendance_end, div.main_wrap div.content .form_item .attendanceinfo li.attendance_zangyo, div.main_wrap div.content .form_item .attendanceinfo li.attendance_early, div.main_wrap div.content .form_item .attendanceinfo li.attendance_late {
    width: 5%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .attendanceinfo li.attendance_end, div.main_wrap div.content .form_item .attendanceinfo li.attendance_zangyo, div.main_wrap div.content .form_item .attendanceinfo li.attendance_early, div.main_wrap div.content .form_item .attendanceinfo li.attendance_late {
    margin-top: 10px;
    text-align: center;
    width: 20%;
  }
}
div.main_wrap div.content .form_item .attendanceinfo li.attendance_end label, div.main_wrap div.content .form_item .attendanceinfo li.attendance_zangyo label, div.main_wrap div.content .form_item .attendanceinfo li.attendance_early label, div.main_wrap div.content .form_item .attendanceinfo li.attendance_late label {
  text-align: center;
}
div.main_wrap div.content .form_item .attendance_remark {
  margin-top: 10px;
  padding: 0 20px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #D6D6D6;
}
div.main_wrap div.content .form_item .attendanceeasyinfo {
  padding-top: 10px;
}
div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_row_no {
  font-weight: bold;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_row_no {
    width: 5%;
    text-align: center;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_row_no {
    display: none;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_member {
    width: 20%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_member {
    width: 80%;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_agreement {
    width: 20%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_agreement {
    padding-top: 10px;
    width: 80%;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_start_time, div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_end_time {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_start_time, div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_end_time {
    width: 30%;
    padding-top: 10px;
    padding-right: 20px;
  }
}
div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_member_label, div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_agreement_label, div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_start, div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_end {
  text-align: center;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_member_label, div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_agreement_label, div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_start, div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_end {
    width: 8%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_member_label, div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_agreement_label, div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_start, div.main_wrap div.content .form_item .attendanceeasyinfo li.attendance_easy_end {
    width: 20%;
    padding-right: 20px;
    padding-top: 10px;
  }
}
div.main_wrap div.content .form_item .presenceinfo {
  padding-top: 10px;
}
div.main_wrap div.content .form_item .presenceinfo li.presence_row_no {
  text-align: center;
  font-weight: bold;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .presenceinfo li.presence_row_no {
    width: 5%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .presenceinfo li.presence_row_no {
    width: 10%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .presenceinfo li.presence_member {
    width: 20%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .presenceinfo li.presence_member {
    width: 90%;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .presenceinfo li.presence_info {
    width: 20%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .presenceinfo li.presence_info {
    margin-top: 10px;
    width: 35%;
    padding-left: 10px;
  }
}
div.main_wrap div.content .form_item .presenceinfo li.presence_info label {
  text-align: center;
  width: auto;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 0;
  padding: 10px 5px;
}
div.main_wrap div.content .form_item .presenceinfo li.presence_info label input {
  width: auto;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .presenceinfo li.presence_info label input {
    margin: 0 10px 0 0;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .presenceinfo li.presence_info label input {
    margin: 0 5px 0 0;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .presenceinfo li.presence_info_label {
    display: none;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .presenceinfo li.presence_info_label {
    margin-top: 10px;
    width: 20%;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .presenceinfo li.presence_zangyo, div.main_wrap div.content .form_item .presenceinfo li.presence_early, div.main_wrap div.content .form_item .presenceinfo li.presence_late {
    width: 5%;
    text-align: center;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .presenceinfo li.presence_zangyo, div.main_wrap div.content .form_item .presenceinfo li.presence_early, div.main_wrap div.content .form_item .presenceinfo li.presence_late {
    margin-top: 10px;
    width: 15%;
    padding-left: 30px;
  }
}
div.main_wrap div.content .form_item .presenceinfo li.presence_zangyo_time, div.main_wrap div.content .form_item .presenceinfo li.presence_early_time, div.main_wrap div.content .form_item .presenceinfo li.presence_late_time {
  padding: 0 20px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .presenceinfo li.presence_zangyo_time, div.main_wrap div.content .form_item .presenceinfo li.presence_early_time, div.main_wrap div.content .form_item .presenceinfo li.presence_late_time {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .presenceinfo li.presence_zangyo_time, div.main_wrap div.content .form_item .presenceinfo li.presence_early_time, div.main_wrap div.content .form_item .presenceinfo li.presence_late_time {
    margin-top: 10px;
    width: 35%;
  }
}
div.main_wrap div.content .form_item .appendinfo .presence_remark {
  margin-top: 10px;
  padding: 0 20px 10px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .appendinfo .presence_remark {
    width: 90%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .appendinfo .presence_remark {
    width: 75%;
  }
}
div.main_wrap div.content .form_item .appendinfo .attendance_easy_remark {
  width: 80%;
  padding-left: 10px;
}
div.main_wrap div.content .form_item .operationinfo {
  padding-top: 15px;
}
div.main_wrap div.content .form_item .operationinfo li.operation_row_no {
  text-align: center;
  font-weight: bold;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .operationinfo li.operation_row_no {
    width: 5%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .operationinfo li.operation_row_no {
    width: 10%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .operationinfo li.operation_remark {
    width: 70%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .operationinfo li.operation_remark {
    width: 85%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .operationinfo li.operation_place1, div.main_wrap div.content .form_item .operationinfo li.operation_place2, div.main_wrap div.content .form_item .operationinfo li.operation_place3 {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .operationinfo li.operation_place1, div.main_wrap div.content .form_item .operationinfo li.operation_place2, div.main_wrap div.content .form_item .operationinfo li.operation_place3 {
    width: 30%;
    padding-left: 5%;
    padding-top: 10px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .operationinfo li.operation_type {
    width: 45%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .operationinfo li.operation_type {
    width: 90%;
  }
}
div.main_wrap div.content .form_item .operationinfo li.operation_unit {
  text-align: center;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .operationinfo li.operation_unit {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .operationinfo li.operation_unit {
    padding-top: 10px;
    width: 25%;
  }
}
div.main_wrap div.content .form_item .operationinfo li.operation_price_unit {
  text-align: center;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .operationinfo li.operation_price_unit {
    width: 5%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .operationinfo li.operation_price_unit {
    width: 25%;
    padding-top: 10px;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .operationinfo li.operation_costs {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .operationinfo li.operation_costs {
    width: 50%;
    padding-left: 12%;
    padding-top: 10px;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .operationinfo li.operation_price {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .operationinfo li.operation_price {
    padding-top: 10px;
    width: 25%;
  }
}
div.main_wrap div.content .form_item .operationinfo li.operation_price input {
  text-align: right;
}
div.main_wrap div.content .form_item .operationinfo li.operation_total {
  padding-right: 10px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .operationinfo li.operation_total {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .operationinfo li.operation_total {
    padding-top: 10px;
    width: 25%;
  }
}
div.main_wrap div.content .form_item .operationinfo li.operation_total p {
  font-weight: bold;
  text-align: right;
  font-size: 16px;
}
div.main_wrap div.content .form_item .operation_wrap {
  display: flex;
  width: 100%;
}
div.main_wrap div.content .form_item .operation_memberlist_wrap {
  display: flex;
  width: 95%;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .operation_memberlist_wrap {
    margin: 10px 0 0;
  }
}
div.main_wrap div.content .form_item .operation_memberlist_wrap .operation_memberlist {
  flex: 1;
}
div.main_wrap div.content .form_item .operation_memberlist_wrap .operation_zangyo {
  flex: 1;
  display: flex;
}
div.main_wrap div.content .form_item .operation_memberlist_wrap .operation_zangyo .labelitem {
  padding-top: 6px;
  display: block;
  width: 50px;
}
div.main_wrap div.content .form_item .operation_memberlist_wrap .operation_zangyo .selectwrap {
  flex: 1;
}
div.main_wrap div.content .form_item .operation_memberlist_wrap .handle {
  text-align: center;
  padding-top: 5px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .operation_memberlist_wrap .handle {
    width: 5%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .operation_memberlist_wrap .handle {
    width: 10%;
  }
}
div.main_wrap div.content .form_item .operation_memberlist_wrap .handle i {
  font-size: 20px;
}
div.main_wrap div.content .form_item .operationappendinfo .operation_remark {
  display: block;
  margin: 5px 0;
  padding-bottom: 5px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .operationappendinfo .operation_remark {
    width: 90%;
    padding-left: 5%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .operationappendinfo .operation_remark {
    padding-top: 5px;
    width: 80%;
    padding-left: 10%;
  }
}
div.main_wrap div.content .form_item .elementinfo {
  padding-top: 10px;
}
div.main_wrap div.content .form_item .elementinfo li.element_row_no {
  width: 5%;
  text-align: center;
  font-weight: bold;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .elementinfo li.element_type {
    width: 42%;
    margin-right: 3%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .elementinfo li.element_type {
    width: 95%;
    padding-right: 5%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .elementinfo li.element_cnt {
    width: 25%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .elementinfo li.element_cnt {
    width: 50%;
    padding-left: 5%;
    padding-top: 10px;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .elementinfo li.element_unit {
    width: 25%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .elementinfo li.element_unit {
    width: 40%;
    padding-right: 5%;
    padding-top: 10px;
  }
}
div.main_wrap div.content .form_item .elementinfo li.element_total {
  padding-right: 10px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .elementinfo li.element_total {
    width: 25%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .elementinfo li.element_total {
    padding-top: 10px;
    width: 50%;
  }
}
div.main_wrap div.content .form_item .elementinfo li.element_total p {
  font-weight: bold;
  text-align: right;
  font-size: 16px;
}
div.main_wrap div.content .form_item .elementappendinfo .handle {
  width: 10%;
  text-align: center;
}
div.main_wrap div.content .form_item .elementappendinfo .handle i {
  font-size: 20px;
}
div.main_wrap div.content .form_item .elementappendinfo .element_remark {
  display: block;
  margin: 10px 0 0;
  padding-bottom: 10px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .elementappendinfo .element_remark {
    width: 80%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .elementappendinfo .element_remark {
    width: 65%;
  }
}
div.main_wrap div.content .form_item .routeinfo {
  padding-top: 10px;
}
div.main_wrap div.content .form_item .routeinfo li.route_row_no {
  width: 5%;
  text-align: center;
  font-weight: bold;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .routeinfo li.route_name {
    width: 65%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .routeinfo li.route_name {
    width: 65%;
  }
}
div.main_wrap div.content .form_item .routeinfo li.route_is_highway {
  padding-left: 10px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .routeinfo li.route_is_highway {
    width: 20%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .routeinfo li.route_is_highway {
    width: 20%;
  }
}
div.main_wrap div.content .form_item .routeinfo li.route_zip {
  padding-top: 10px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .routeinfo li.route_zip {
    padding-left: 5%;
    width: 20%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .routeinfo li.route_zip {
    padding-left: 5%;
    width: 20%;
  }
}
div.main_wrap div.content .form_item .routeinfo li.route_address {
  padding-top: 10px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .routeinfo li.route_address {
    width: 75%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .routeinfo li.route_address {
    width: 75%;
  }
}
div.main_wrap div.content .form_item .routeappendinfo .route_tel1 {
  padding-left: 5%;
}
div.main_wrap div.content .form_item .routeappendinfo .route_tel1,
div.main_wrap div.content .form_item .routeappendinfo .route_tel2 {
  margin: 10px 0 0;
  width: 30%;
  flex: none;
}
div.main_wrap div.content .form_item .routeappendinfo .route_tantou {
  margin: 10px 0 0;
  width: 35%;
  flex: none;
}
div.main_wrap div.content .form_item .routeappendinfo .handle {
  text-align: center;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .routeappendinfo .handle {
    width: 5%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .routeappendinfo .handle {
    width: 10%;
  }
}
div.main_wrap div.content .form_item .routeappendinfo .route_remark {
  display: block;
  margin: 10px 0;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .routeappendinfo .route_remark {
    width: 80%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .routeappendinfo .route_remark {
    width: 65%;
  }
}
div.main_wrap div.content .form_item .invoicepriceinfo {
  padding-top: 20px;
}
div.main_wrap div.content .form_item .invoicepriceinfo li.price_row_no {
  width: 5%;
  text-align: center;
  font-weight: bold;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .invoicepriceinfo li.price_operation_date {
    width: 20%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .invoicepriceinfo li.price_operation_date {
    width: 40%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .invoicepriceinfo li.price_item_title {
    width: 30%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .invoicepriceinfo li.price_item_title {
    width: 50%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .invoicepriceinfo li.price_cnt {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .invoicepriceinfo li.price_cnt {
    margin-left: 5%;
    width: 20%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .invoicepriceinfo li.price_unit {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .invoicepriceinfo li.price_unit {
    width: 20%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .invoicepriceinfo li.price_value {
    width: 15%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .invoicepriceinfo li.price_value {
    width: 25%;
  }
}
div.main_wrap div.content .form_item .invoicepriceinfo li.price_value input {
  text-align: right;
}
div.main_wrap div.content .form_item .invoicepriceinfo li.price_total {
  padding-right: 10px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .invoicepriceinfo li.price_total {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .invoicepriceinfo li.price_total {
    width: 25%;
  }
}
div.main_wrap div.content .form_item .invoicepriceinfo li.price_total p {
  font-weight: bold;
  text-align: right;
  font-size: 16px;
}
div.main_wrap div.content .form_item .priceinfo li {
  padding-top: 10px;
}
div.main_wrap div.content .form_item .priceinfo li.price_row_no {
  width: 5%;
  text-align: center;
  font-weight: bold;
}
div.main_wrap div.content .form_item .priceinfo li.price_type, div.main_wrap div.content .form_item .priceinfo li.price_type_name {
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .priceinfo li.price_type, div.main_wrap div.content .form_item .priceinfo li.price_type_name {
    width: 45%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .priceinfo li.price_type, div.main_wrap div.content .form_item .priceinfo li.price_type_name {
    width: 90%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .priceinfo li.price_cnt {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .priceinfo li.price_cnt {
    width: 20%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .priceinfo li.price_unit {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .priceinfo li.price_unit {
    width: 20%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .priceinfo li.price_value {
    width: 20%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .priceinfo li.price_value {
    width: 30%;
  }
}
div.main_wrap div.content .form_item .priceinfo li.price_value input {
  text-align: right;
}
div.main_wrap div.content .form_item .priceinfo li.price_total {
  padding-right: 10px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .priceinfo li.price_total {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .priceinfo li.price_total {
    width: 30%;
  }
}
div.main_wrap div.content .form_item .priceinfo li.price_total p {
  font-weight: bold;
  text-align: right;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .priceinfo li.price_total p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .priceinfo li.price_total p {
    font-size: 12px;
  }
}
div.main_wrap div.content .form_item .priceappendinfo .handle {
  text-align: center;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .priceappendinfo .handle {
    width: 5%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .priceappendinfo .handle {
    width: 10%;
  }
}
div.main_wrap div.content .form_item .priceappendinfo .price_remark {
  display: block;
  margin: 10px 0;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .form_item .priceappendinfo .price_remark {
    width: 80%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .form_item .priceappendinfo .price_remark {
    width: 65%;
  }
}
div.main_wrap div.content .price_summery {
  background: #6A91C1;
  color: #fff;
}
div.main_wrap div.content .price_summery dl {
  display: flex;
}
div.main_wrap div.content .price_summery dl dt,
div.main_wrap div.content .price_summery dl dd {
  display: block;
  padding: 5px 10px;
  color: inherit;
}
div.main_wrap div.content .price_summery dl dt {
  text-align: right;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .price_summery dl dt {
    flex: 3;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .price_summery dl dt {
    flex: 1;
  }
}
div.main_wrap div.content .price_summery dl dd {
  flex: 1;
  text-align: right;
}
div.main_wrap div.content .flatpicker_wrap.single {
  display: inline-block;
  width: 150px;
}
div.main_wrap div.content .flatpicker_wrap.single input {
  width: 100%;
}
div.main_wrap div.content .flatpicker_wrap.readonly .flatpickr-day {
  pointer-events: none !important;
}
div.main_wrap div.content .flatpicker_wrap.multiple input {
  display: none;
}
div.main_wrap div.content .flatpicker_wrap.multiple input.cur-year {
  display: inline-block;
}
div.main_wrap div.content .flatpicker_wrap.multiple .multiple_button {
  display: flex;
  margin-top: 5px;
  width: 307.875px;
}
div.main_wrap div.content .flatpicker_wrap.multiple .multiple_button a {
  flex: 1;
  text-align: center;
  display: block;
  padding: 10px 0;
  background: #516C8D;
  color: #fff;
  text-decoration: none;
}
div.main_wrap div.content .flatpicker_wrap.multiple .multiple_button a.flat_multiple {
  background: #EE817B;
}
div.main_wrap div.content .flatpicker_wrap.multiple .multiple_button a.disabled, div.main_wrap div.content .flatpicker_wrap.multiple .multiple_button a.flat_multiple.disabled {
  background: #d0d0d0;
  pointer-events: none;
}
div.main_wrap div.content .date_control {
  margin-bottom: 10px;
}
div.main_wrap div.content .date_control span {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
}
div.main_wrap div.content .members,
div.main_wrap div.content .cars {
  margin: 0 10px 10px 0;
  display: flex;
  min-height: 30px;
  background: #CCCCCC;
  padding: 5px 5px 0;
}
div.main_wrap div.content .members.hide,
div.main_wrap div.content .cars.hide {
  display: none;
}
div.main_wrap div.content .members li,
div.main_wrap div.content .cars li {
  display: block;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  padding: 8px 10px;
  background: #3a3;
  color: #fff;
  border: 3px solid #CCCCCC;
}
div.main_wrap div.content .members li.multi_member_item,
div.main_wrap div.content .cars li.multi_member_item {
  display: none;
}
div.main_wrap div.content .members li.scheduled,
div.main_wrap div.content .cars li.scheduled {
  background: #a33;
}
div.main_wrap div.content .members li.company,
div.main_wrap div.content .cars li.company {
  background: #3aa !important;
}
div.main_wrap div.content .members li.schedule_multi,
div.main_wrap div.content .cars li.schedule_multi {
  background: #f33;
}
div.main_wrap div.content .members li.schedule_one,
div.main_wrap div.content .cars li.schedule_one {
  background: #aa0;
}
div.main_wrap div.content .members li:hover,
div.main_wrap div.content .cars li:hover {
  cursor: move;
}
div.main_wrap div.content .members li.leader,
div.main_wrap div.content .cars li.leader {
  border: 3px solid #f00;
}
div.main_wrap div.content .members li a.company_button,
div.main_wrap div.content .cars li a.company_button {
  display: inline-block;
  margin-left: 5px;
  padding: 3px;
  border-radius: 3px;
  background: #fff;
  color: #000;
  font-weight: bold;
}
div.main_wrap div.content .members li a.company_button:hover,
div.main_wrap div.content .cars li a.company_button:hover {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.8);
}
div.main_wrap div.content .signature {
  width: 100%;
  position: relative;
  display: block;
}
div.main_wrap div.content .signature p.tegaki {
  position: relative;
  z-index: 1;
}
div.main_wrap div.content .signature p.tegaki.areawrap canvas {
  border: 2px solid #D6D6D6;
}
div.main_wrap div.content .signature p.tegaki.bgwhite canvas {
  background: #fff;
}
div.main_wrap div.content .signature p.tegaki canvas {
  display: block;
}
div.main_wrap div.content .signature p.photo {
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
div.main_wrap div.content .signature p img {
  display: block;
}
div.main_wrap div.content .photolist {
  display: flex;
}
div.main_wrap div.content .photolist li {
  display: block;
  padding: 0 10px 10px 0;
}
@media only screen and (min-width: 1200px) {
  div.main_wrap div.content .photolist li {
    width: 16.6666666667%;
  }
}
div.main_wrap div.content .photolist li a {
  display: block;
  position: relative;
}
div.main_wrap div.content .photolist li a p.tegaki {
  position: absolute;
}
div.main_wrap div.content .photolist li a p img {
  width: 100%;
}
div.main_wrap div.content .imagelist {
  display: flex;
}
div.main_wrap div.content .imagelist li {
  display: block;
  padding: 0 5px 10px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .imagelist li {
    width: 50%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .imagelist li {
    width: 100%;
  }
}
div.main_wrap div.content div.image_wrap {
  display: block;
  position: relative;
}
div.main_wrap div.content div.image_wrap.thumb p img {
  display: block;
  height: 200px;
}
div.main_wrap div.content div.image_wrap p.tegaki {
  position: absolute;
}
div.main_wrap div.content div.image_wrap p img {
  max-width: 100%;
}
div.main_wrap div.content .search_hidden_area p {
  padding: 10px;
}
div.main_wrap div.content .search_hidden_area p label {
  line-height: 1em;
  padding: 10px 20px;
  background: #6A91C1;
  color: #fff;
  border-radius: 3px;
}
div.main_wrap div.content .search_hidden_area p label input {
  display: inline-block;
  margin-right: 5px;
}
div.main_wrap div.content ul.table_tab {
  display: flex;
}
div.main_wrap div.content ul.table_tab li.table_tab_row {
  width: 10%;
  border-right: 1px solid #fff;
}
div.main_wrap div.content ul.table_tab li.table_tab_row.row_full {
  width: 100%;
  border-right: none;
  border-bottom: 1px solid #fff;
}
div.main_wrap div.content ul.table_tab li.table_tab_row:last-child {
  border-right: none;
}
div.main_wrap div.content ul.table_tab li.table_tab_row a {
  display: block;
  padding: 10px 0;
  text-align: center;
  background: #516C8D;
  color: #fff;
}
div.main_wrap div.content ul.table_tab li.table_tab_row a.selected {
  background: #EE817B;
}
div.main_wrap div.content ul.table_tab li.table_tab_row a:hover {
  text-decoration: none;
  background: #EE817B;
}
div.main_wrap div.content ul.table_tab li.table_tab_row ul.table_tab_item li {
  border-bottom: 1px solid #fff;
}
div.main_wrap div.content .member_gaityu {
  display: none;
}
div.main_wrap div.content .member_gaityu.member_gaityu_show {
  display: block;
}
div.main_wrap div.content .attendance_display {
  display: block;
}
div.main_wrap div.content .attendance_display a {
  display: none;
}
div.main_wrap div.content .attendance_display a.showitem {
  display: inline-block;
  background: #6A91C1;
  border-radius: 3px;
  padding: 10px 20px;
  color: #fff;
}
div.main_wrap div.content .attendance_display a.showitem:hover {
  text-decoration: none;
}
div.main_wrap div.content div.mine_item {
  position: relative;
}
div.main_wrap div.content div.mine_item p.close_button {
  position: absolute;
  right: 0;
  top: 0;
}
div.main_wrap div.content div.mine_item p.close_button a {
  display: block;
  border-radius: 3px;
  background: #516C8D;
  color: #fff;
  text-align: center;
  width: 30px;
  height: 30px;
  padding: 5px 0;
}
div.main_wrap div.content div.mine_item p.close_button a i {
  font-size: 20px;
  color: inherit;
}
div.main_wrap div.content div.table_wrap {
  width: 100%;
  overflow-x: scroll;
  overflow-y: scroll;
}
div.main_wrap div.content div.table_wrap.attendance_table_member_wrap, div.main_wrap div.content div.table_wrap.attendance_table_genba_wrap {
  overflow-x: hidden;
  overflow-y: hidden;
}
div.main_wrap div.content div.table_wrap.attendance_table_member_wrap .attendance_table_wrap, div.main_wrap div.content div.table_wrap.attendance_table_genba_wrap .attendance_table_wrap {
  width: 100%;
  max-height: 80vh;
  overflow-x: scroll;
  overflow-y: scroll;
}
div.main_wrap div.content div.table_wrap.attendance_table_member_wrap .attendance_table_wrap table.attendance_table tr:first-child th, div.main_wrap div.content div.table_wrap.attendance_table_genba_wrap .attendance_table_wrap table.attendance_table tr:first-child th {
  position: sticky;
  z-index: 4;
}
div.main_wrap div.content div.table_wrap.attendance_table_member_wrap .attendance_table_wrap table.attendance_table tr th:first-child, div.main_wrap div.content div.table_wrap.attendance_table_genba_wrap .attendance_table_wrap table.attendance_table tr th:first-child {
  position: sticky;
}
div.main_wrap div.content div.table_wrap .attendance_hidden_all_button {
  display: none;
}
div.main_wrap div.content div.table_wrap.attendance_table_member_wrap .attendance_filter {
  display: none;
}
div.main_wrap div.content div.table_wrap.attendance_table_member_wrap .attendance_show_all_button {
  display: none;
}
div.main_wrap div.content div.table_wrap.attendance_table_vertical {
  min-width: 0;
}
div.main_wrap div.content div.table_wrap.attendance_table_vertical .attendance_filter {
  display: none;
}
div.main_wrap div.content div.table_wrap.attendance_table_vertical .attendance_show_all_button {
  display: none;
}
div.main_wrap div.content div.table_wrap.attendance_table_vertical .attendance_table tr th,
div.main_wrap div.content div.table_wrap.attendance_table_vertical .attendance_table tr td {
  padding: 10px 10px;
  font-size: 12px;
}
div.main_wrap div.content div.table_wrap.attendance_table_vertical .attendance_table.attendance_easy tr td.w2 p {
  text-align: left;
}
div.main_wrap div.content div.table_wrap .attendance_table.attendance_easy a.hidden_row {
  display: inline-block;
  padding: 0 3px;
  background: #fff;
  margin-right: 5px;
  border-radius: 3px;
}
div.main_wrap div.content div.table_wrap .attendance_table.attendance_easy a.hidden_row i {
  display: inline-block;
  color: #EE817B;
}
div.main_wrap div.content div.table_wrap .attendance_show_all_button,
div.main_wrap div.content div.table_wrap .attendance_hidden_all_button {
  margin-bottom: 5px;
}
div.main_wrap div.content div.table_wrap table {
  min-width: 100%;
}
div.main_wrap div.content div.table_wrap table tr.hidden {
  display: none;
}
div.main_wrap div.content div.table_wrap table tr th.number,
div.main_wrap div.content div.table_wrap table tr td.number {
  text-align: right !important;
}
div.main_wrap div.content div.table_wrap table tr th.right,
div.main_wrap div.content div.table_wrap table tr td.right {
  text-align: right !important;
}
div.main_wrap div.content div.table_wrap table tr th.caution,
div.main_wrap div.content div.table_wrap table tr td.caution {
  color: #f33;
  background: #fcc;
  font-weight: bold;
}
div.main_wrap div.content div.table_wrap table tr th.caution:hover,
div.main_wrap div.content div.table_wrap table tr td.caution:hover {
  color: #fff;
  background: #f33 !important;
}
div.main_wrap div.content div.table_wrap table tr th.bold,
div.main_wrap div.content div.table_wrap table tr td.bold {
  font-weight: bold;
  text-decoration: underline;
  text-align: right;
}
div.main_wrap div.content div.table_wrap table.vertical_table tr th i,
div.main_wrap div.content div.table_wrap table.vertical_table tr td i {
  font-size: 23px;
  display: inline-block;
  margin-right: 10px;
}
div.main_wrap div.content div.table_wrap table.vertical_calendar {
  border-left: 1px solid #D6D6D6;
  border-top: 1px solid #D6D6D6;
  table-layout: fixed;
  margin-bottom: 20px;
}
div.main_wrap div.content div.table_wrap table.vertical_calendar tr td,
div.main_wrap div.content div.table_wrap table.vertical_calendar tr th {
  border-right: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  padding: 10px;
}
div.main_wrap div.content div.table_wrap table.vertical_calendar tr th {
  width: 30%;
}
div.main_wrap div.content div.table_wrap table.vertical_calendar tr th.weekday_0 {
  background: #f66 !important;
  color: #fff;
}
div.main_wrap div.content div.table_wrap table.vertical_calendar tr th.weekday_6 {
  background: #66f !important;
  color: #fff;
}
div.main_wrap div.content div.table_wrap table.vertical_calendar tr td {
  width: 70%;
}
div.main_wrap div.content div.table_wrap table.vertical_calendar tr td.weekday_0, div.main_wrap div.content div.table_wrap table.vertical_calendar tr td.weekday_holiday {
  background: #fee !important;
}
div.main_wrap div.content div.table_wrap table.vertical_calendar tr td.weekday_6 {
  background: #eef !important;
}
div.main_wrap div.content div.table_wrap table.calendar {
  border-left: 1px solid #D6D6D6;
  border-top: 1px solid #D6D6D6;
  table-layout: fixed;
}
div.main_wrap div.content div.table_wrap table.calendar tr td,
div.main_wrap div.content div.table_wrap table.calendar tr th {
  border-right: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  width: 14.2857142857%;
}
div.main_wrap div.content div.table_wrap table.calendar tr th {
  text-align: center;
  padding: 5px 0;
}
div.main_wrap div.content div.table_wrap table.calendar tr th.weekday_0 {
  background: #f66 !important;
  color: #fff;
}
div.main_wrap div.content div.table_wrap table.calendar tr th.weekday_6 {
  background: #66f !important;
  color: #fff;
}
div.main_wrap div.content div.table_wrap table.calendar tr td {
  text-align: left;
  vertical-align: top;
  line-height: 1.5em;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content div.table_wrap table.calendar tr td {
    padding: 5px 8px;
    height: 80px;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content div.table_wrap table.calendar tr td {
    padding: 5px;
  }
}
div.main_wrap div.content div.table_wrap table.calendar tr td.weekday_today {
  background: #ffd !important;
}
div.main_wrap div.content div.table_wrap table.calendar tr td.weekday_0, div.main_wrap div.content div.table_wrap table.calendar tr td.weekday_holiday {
  background: #fee !important;
}
div.main_wrap div.content div.table_wrap table.calendar tr td.weekday_0.weekday_today, div.main_wrap div.content div.table_wrap table.calendar tr td.weekday_holiday.weekday_today {
  background: #ffd !important;
}
div.main_wrap div.content div.table_wrap table.calendar tr td.weekday_6 {
  background: #eef !important;
}
div.main_wrap div.content div.table_wrap table.calendar tr td.weekday_6.weekday_today {
  background: #ffd !important;
}
div.main_wrap div.content div.table_wrap table.calendar tr td .calendar_date span {
  font-family: "Seymour One", sans-serif;
}
div.main_wrap div.content div.table_wrap table.calendar tr td span {
  line-height: 1.5em;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content div.table_wrap table.calendar tr td span {
    margin-right: 5px;
    font-size: 11px;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content div.table_wrap table.calendar tr td span {
    display: block;
    text-align: center;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content div.table_wrap table.calendar tr td p {
    line-height: 1.5em;
    font-size: 11px;
  }
  div.main_wrap div.content div.table_wrap table.calendar tr td p a {
    font-size: 12px;
  }
  div.main_wrap div.content div.table_wrap table.calendar tr td p em {
    font-size: 12px;
    display: inline-block;
  }
  div.main_wrap div.content div.table_wrap table.calendar tr td p em.genba {
    margin-left: 1em;
  }
  div.main_wrap div.content div.table_wrap table.calendar tr td p em:after {
    display: block;
    content: " ";
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content div.table_wrap table.calendar tr td p {
    margin-bottom: 2px;
  }
  div.main_wrap div.content div.table_wrap table.calendar tr td p a {
    line-height: 1rem;
    display: block;
    border-radius: 2px;
    background: #EE817B;
    color: #fff;
    font-size: 8px;
    padding: 2px;
  }
  div.main_wrap div.content div.table_wrap table.calendar tr td p em {
    font-size: 9px;
    display: block;
  }
  div.main_wrap div.content div.table_wrap table.calendar tr td p em.customer {
    margin-bottom: 3px;
  }
  div.main_wrap div.content div.table_wrap table.calendar tr td p span {
    display: none;
  }
}
div.main_wrap div.content div.table_wrap table.calendar tr td p.schedule_desc {
  display: none;
}
div.main_wrap div.content div.table_wrap table.calendar tr td p.schedule_desc.schedule_hyouji {
  display: block;
}
div.main_wrap div.content div.table_wrap table.search_table {
  border-top: 1px solid #D6D6D6;
  table-layout: fixed;
  width: 100%;
}
div.main_wrap div.content div.table_wrap table.search_table.not_fix {
  table-layout: auto;
}
div.main_wrap div.content div.table_wrap table.search_table.hidden_show tr.hidden_row {
  display: table-row;
}
div.main_wrap div.content div.table_wrap table.search_table.hidden_research_show tr {
  display: none;
}
div.main_wrap div.content div.table_wrap table.search_table.hidden_research_show tr:first-of-type {
  display: table-row;
}
div.main_wrap div.content div.table_wrap table.search_table.hidden_research_show tr.hidden_research_row {
  display: table-row;
}
div.main_wrap div.content div.table_wrap table.search_table.calendar_list tr th:first-of-type {
  width: 30%;
}
div.main_wrap div.content div.table_wrap table.search_table.calendar_list tr th:last-of-type {
  width: 70%;
}
div.main_wrap div.content div.table_wrap table.search_table tr:first-child th,
div.main_wrap div.content div.table_wrap table.search_table tr:first-child td {
  background: #516C8D;
  color: #fff;
}
div.main_wrap div.content div.table_wrap table.search_table tr.filter-row th input,
div.main_wrap div.content div.table_wrap table.search_table tr.filter-row td input {
  display: block;
  width: 100%;
}
div.main_wrap div.content div.table_wrap table.search_table tr:nth-child(2n+1) td {
  background: #f6f6f6;
}
div.main_wrap div.content div.table_wrap table.search_table tr:hover td {
  background: #f6f6f6;
}
div.main_wrap div.content div.table_wrap table.search_table tr.hidden_row {
  display: none;
}
div.main_wrap div.content div.table_wrap table.search_table tr.hidden_research_row {
  display: none;
}
div.main_wrap div.content div.table_wrap table.search_table tr th {
  text-align: center;
}
div.main_wrap div.content div.table_wrap table.search_table tr td {
  text-align: left;
}
div.main_wrap div.content div.table_wrap table.search_table tr th,
div.main_wrap div.content div.table_wrap table.search_table tr td {
  padding: 10px 10px;
  border-bottom: 1px solid #D6D6D6;
}
div.main_wrap div.content div.table_wrap table.search_table tr th.center,
div.main_wrap div.content div.table_wrap table.search_table tr td.center {
  text-align: center;
}
div.main_wrap div.content div.table_wrap table.search_table tr th a.smp_icon,
div.main_wrap div.content div.table_wrap table.search_table tr td a.smp_icon {
  display: inline-block;
  margin-right: 5px;
}
div.main_wrap div.content div.table_wrap table.attendance_vertical_table th.weekday_0 {
  background: #f66 !important;
  color: #fff;
}
div.main_wrap div.content div.table_wrap table.attendance_vertical_table th.weekday_6 {
  background: #66f !important;
  color: #fff;
}
div.main_wrap div.content div.table_wrap table.attendance_vertical_table td.weekday_0 {
  background: #fee !important;
}
div.main_wrap div.content div.table_wrap table.attendance_vertical_table td.weekday_6 {
  background: #eef !important;
}
div.main_wrap div.content div.table_wrap table.attendance_table {
  table-layout: fixed;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
  margin-bottom: 20px;
  position: relative;
}
div.main_wrap div.content div.table_wrap table.attendance_table.showall tr td p {
  display: block;
}
div.main_wrap div.content div.table_wrap table.attendance_table.showall tr td > a {
  display: none;
}
div.main_wrap div.content div.table_wrap table.attendance_table th {
  position: -webkit-sticky; /* Safari */
  top: -1px;
  z-index: 2;
}
div.main_wrap div.content div.table_wrap table.attendance_table th:first-of-type {
  z-index: 3;
  left: 0;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr.hidden_row {
  display: none;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th,
div.main_wrap div.content div.table_wrap table.attendance_table tr td {
  padding: 2px 2px;
  text-align: center;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  line-height: 1.3em;
  font-size: 12px;
  min-width: 60px;
  background: #fff;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th.regular_pdf,
div.main_wrap div.content div.table_wrap table.attendance_table tr td.regular_pdf {
  background: #ddbbcc !important;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th.showall p,
div.main_wrap div.content div.table_wrap table.attendance_table tr td.showall p {
  display: block;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th.showall a.show_cell,
div.main_wrap div.content div.table_wrap table.attendance_table tr td.showall a.show_cell {
  display: none;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th p,
div.main_wrap div.content div.table_wrap table.attendance_table tr td p {
  line-height: 1.3em;
  color: inherit;
  font-size: inherit;
  display: none;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th p span.bikou,
div.main_wrap div.content div.table_wrap table.attendance_table tr td p span.bikou {
  display: block;
  margin-top: 5px;
  font-size: inherit;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th p:nth-of-type(1), div.main_wrap div.content div.table_wrap table.attendance_table tr th p:nth-of-type(2), div.main_wrap div.content div.table_wrap table.attendance_table tr th p:nth-of-type(3),
div.main_wrap div.content div.table_wrap table.attendance_table tr td p:nth-of-type(1),
div.main_wrap div.content div.table_wrap table.attendance_table tr td p:nth-of-type(2),
div.main_wrap div.content div.table_wrap table.attendance_table tr td p:nth-of-type(3) {
  display: block;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th a,
div.main_wrap div.content div.table_wrap table.attendance_table tr td a {
  line-height: 1.3em;
  font-size: inherit;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th {
  color: #fff;
  background: #516C8D;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th:first-child {
  min-width: 160px;
  text-align: left;
  padding: 5px;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th:first-child a {
  text-decoration: none;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th:first-child a:hover {
  opacity: 0.7;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th a {
  color: #fff;
  text-decoration: underline;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th p {
  color: #fff;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th:first-child {
  width: 100px;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th span.company {
  font-size: 10px;
  display: block;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th span.genba {
  font-size: 14px;
  margin-top: 3px;
  display: block;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th.weekday_0 {
  background: #f66 !important;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr th.weekday_6 {
  background: #66f !important;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr td:first-child {
  width: 100px;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr td.weekday_0 {
  background: #fee !important;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr td.weekday_0.regular_pdf {
  background: #ddbbcc !important;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr td.weekday_6 {
  background: #eef !important;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr td.weekday_6.regular_pdf {
  background: #ddbbcc !important;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr td p {
  border-radius: 3px;
  background: #dae1ff;
  border: 1px solid #fff;
  margin-bottom: 2px;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr td p.no_bg {
  background: none;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr:first-child th {
  background: #516C8D;
}
div.main_wrap div.content div.table_wrap table.attendance_table tr:first-child th a {
  color: #fff;
}
div.main_wrap div.content div.table_wrap table.copy_table thead tr th,
div.main_wrap div.content div.table_wrap table.copy_table thead tr td {
  padding: 10px;
  background: #6A91C1;
  color: #fff;
}
div.main_wrap div.content div.table_wrap table.copy_table tbody tr th,
div.main_wrap div.content div.table_wrap table.copy_table tbody tr td {
  padding: 10px;
  border-bottom: 1px solid #D6D6D6;
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist {
    display: block;
  }
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr {
    display: flex;
  }
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr:first-child th,
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr:first-child td {
    display: none;
  }
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr.smp_groupheader th,
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr.smp_groupheader td {
    background: #516C8D;
    color: #fff;
  }
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr.smp_groupheader th *,
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr.smp_groupheader td * {
    color: inherit;
  }
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr th,
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr td {
    display: block;
    flex: 1;
    font-size: 10px;
  }
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr th span,
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr td span {
    font-size: 14px;
  }
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr th a.smp_icon,
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr td a.smp_icon {
    display: inline-block;
    font-size: 14px;
    line-height: 1.3em;
    border-radius: 3px;
    color: #fff;
    background: #516C8D;
    width: 45px;
    text-align: center;
    padding: 8px;
  }
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr th.smp_none,
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr td.smp_none {
    display: none;
  }
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr th.smp_constwidth,
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr td.smp_constwidth {
    flex: none;
  }
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr th.smp_constwidth.smp_10per,
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr td.smp_constwidth.smp_10per {
    width: 10%;
  }
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr th.smp_constwidth.smp_20per,
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr td.smp_constwidth.smp_20per {
    width: 20%;
  }
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr th.smp_constwidth.smp_30per,
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr td.smp_constwidth.smp_30per {
    width: 30%;
  }
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr th.smp_constwidth.smp_40per,
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr td.smp_constwidth.smp_40per {
    width: 40%;
  }
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr th.smp_constwidth.smp_50per,
  div.main_wrap div.content div.table_wrap table.smp_fullsizelist tr td.smp_constwidth.smp_50per {
    width: 50%;
  }
}
div.main_wrap div.content .panelbutton {
  display: flex;
}
div.main_wrap div.content .panelbutton li {
  display: block;
  padding: 0 5px 10px;
}
@media only screen and (min-width: 1200px) {
  div.main_wrap div.content .panelbutton li {
    width: 16.6666666667%;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  div.main_wrap div.content .panelbutton li {
    width: 25%;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  div.main_wrap div.content .panelbutton li {
    width: 25%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .panelbutton li {
    width: 50%;
  }
}
div.main_wrap div.content .panelbutton li a {
  display: block;
  padding: 25px;
  background: #6A91C1;
  color: #fff;
  text-align: center;
}
div.main_wrap div.content .panelbutton li a:hover {
  text-decoration: none;
  background: #EE817B;
}
div.main_wrap div.content .panelbutton li a i {
  display: block;
  font-size: 32px;
}
div.main_wrap div.content .panelbutton li a span {
  display: block;
  margin-top: 10px;
}
div.main_wrap div.content .buttonlist {
  border-top: 3px solid #CCCCCC;
  position: fixed !important;
  z-index: 99999;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 10px 10px 5px;
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .buttonlist {
    max-height: 40%;
    overflow-x: scroll;
  }
}
div.main_wrap div.content .buttonlist .jumpitem {
  padding: 9px 0 9px 15px;
  line-height: 1em;
}
div.main_wrap div.content .buttonlist ul.buttons {
  display: flex;
}
div.main_wrap div.content .buttonlist ul.buttons li {
  display: block;
  margin-right: 2px;
  margin-bottom: 5px;
}
div.main_wrap div.content .buttonlist ul.buttons li.right_item {
  margin-left: auto;
}
div.main_wrap div.content input[type=submit],
div.main_wrap div.content input[type=reset],
div.main_wrap div.content input[type=button],
div.main_wrap div.content a.button {
  display: inline-block;
  border-radius: 2px;
  text-decoration: none;
  border: none;
  padding: 10px 15px;
  color: #fff;
  background: #6A91C1;
}
div.main_wrap div.content input[type=submit].button-get_kouki,
div.main_wrap div.content input[type=reset].button-get_kouki,
div.main_wrap div.content input[type=button].button-get_kouki,
div.main_wrap div.content a.button.button-get_kouki {
  margin-top: 5px;
}
div.main_wrap div.content input[type=submit].submit,
div.main_wrap div.content input[type=reset].submit,
div.main_wrap div.content input[type=button].submit,
div.main_wrap div.content a.button.submit {
  background: #EE817B;
}
div.main_wrap div.content input[type=submit].submit.disabled,
div.main_wrap div.content input[type=reset].submit.disabled,
div.main_wrap div.content input[type=button].submit.disabled,
div.main_wrap div.content a.button.submit.disabled {
  background: #f9f9f9;
  pointer-events: none;
  color: #333;
}
div.main_wrap div.content input[type=submit].danger,
div.main_wrap div.content input[type=reset].danger,
div.main_wrap div.content input[type=button].danger,
div.main_wrap div.content a.button.danger {
  background: #f00;
  font-weight: bold;
}
div.main_wrap div.content input[type=submit]:hover,
div.main_wrap div.content input[type=reset]:hover,
div.main_wrap div.content input[type=button]:hover,
div.main_wrap div.content a.button:hover {
  opacity: 0.8;
  text-decoration: none;
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content div.monthly_report h3 {
    text-align: left;
    padding: 10px 0 10px 10px;
    background: #516C8D;
    color: #fff;
    margin: 0;
    line-height: 1em;
  }
}
div.main_wrap div.content div.monthly_report .report_wrap ul {
  display: flex;
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content div.monthly_report .report_wrap ul {
    border-bottom: #D6D6D6 1px solid;
    padding: 10px 0;
  }
}
div.main_wrap div.content div.monthly_report .report_wrap ul li {
  display: block;
  content: " ";
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content div.monthly_report .report_wrap ul li {
    padding: 10px 0;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content div.monthly_report .report_wrap ul li {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content div.monthly_report .report_wrap ul li.no_item {
    display: none;
  }
}
div.main_wrap div.content div.monthly_report .report_wrap ul li.element_in {
  display: none;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content div.monthly_report .report_wrap ul li:nth-of-type(5n + 1) {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content div.monthly_report .report_wrap ul li:nth-of-type(5n + 1) {
    width: 100%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content div.monthly_report .report_wrap ul li:nth-of-type(5n + 2) {
    flex: 1;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content div.monthly_report .report_wrap ul li:nth-of-type(5n + 2) {
    width: 100%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content div.monthly_report .report_wrap ul li:nth-of-type(5n + 3) {
    flex: 2;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content div.monthly_report .report_wrap ul li:nth-of-type(5n + 3) {
    width: 100%;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content div.monthly_report .report_wrap ul li:nth-of-type(5n + 4), div.main_wrap div.content div.monthly_report .report_wrap ul li:nth-of-type(5n + 5) {
    padding-left: 10px;
    flex: 2;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content div.monthly_report .report_wrap ul li:nth-of-type(5n + 4), div.main_wrap div.content div.monthly_report .report_wrap ul li:nth-of-type(5n + 5) {
    width: 100%;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content div.monthly_report .report_wrap ul.report_header {
    display: none;
  }
}
div.main_wrap div.content div.monthly_report .report_wrap ul.report_header li {
  background: #516C8D;
  color: #fff;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content div.monthly_report .report_wrap ul.report_header li {
    padding: 10px 0;
    text-align: center;
    border-right: #fff 1px solid;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content div.monthly_report .report_wrap ul.report_header li {
    text-align: left;
    padding: 5px 0 5px 10px;
    border-bottom: #fff 1px solid;
  }
}
div.main_wrap div.content div.monthly_report .report_wrap ul.report_header li:last-of-type {
  border-right: none;
}
div.main_wrap div.content div.monthly_report .report_wrap ul.report_body li {
  line-height: 1.5em;
}
div.main_wrap div.content div.monthly_report .report_wrap ul.report_body li.no_item span.separate {
  display: none;
}
div.main_wrap div.content div.monthly_report .report_wrap ul.report_body li span.separate {
  height: 2px;
  border-top: 1px solid #D6D6D6;
  display: block;
  color: #fff;
  text-indent: -9999px;
  margin: 10px 0;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content div.monthly_report .report_wrap ul.report_body li {
    border-bottom: 1px solid #D6D6D6;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content div.monthly_report .report_wrap ul.report_body li:nth-of-type(5n + 1) {
    text-align: center;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content div.monthly_report .report_wrap ul.report_body li:nth-of-type(5n + 1) {
    text-align: left;
    padding-left: 10px;
  }
}
div.main_wrap div.content .cont_report_wrap h2 {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #D6D6D6;
}
div.main_wrap div.content .report_route_wrap .report_route {
  border-radius: 5px;
  background: #f0f0f0;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .report_route_wrap .report_route {
    display: flex;
    padding: 15px;
    align-items: center;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .report_route_wrap .report_route {
    padding: 10px;
  }
}
div.main_wrap div.content .report_route_wrap .report_route div.no_pc,
div.main_wrap div.content .report_route_wrap .report_route div.no_smp {
  font-weight: bold;
  color: #516C8D;
  font-family: "Righteous", cursive;
  padding-right: 15px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .report_route_wrap .report_route div.no_pc,
  div.main_wrap div.content .report_route_wrap .report_route div.no_smp {
    text-align: center;
    width: 130px;
    font-size: 50px;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .report_route_wrap .report_route div.no_pc,
  div.main_wrap div.content .report_route_wrap .report_route div.no_smp {
    font-size: 20px;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .report_route_wrap .report_route div.no_pc {
    display: none;
  }
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .report_route_wrap .report_route div.no_smp {
    display: none;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .report_route_wrap .report_route div.no_smp {
    float: left;
    margin-top: 3px;
  }
}
div.main_wrap div.content .report_route_wrap .report_route.touched div.route_detail .address {
  display: block;
}
div.main_wrap div.content .report_route_wrap .report_route.touched div.route_detail .mapdisplay {
  display: none;
}
div.main_wrap div.content .report_route_wrap .report_route.touched div.route_detail .buttons .mapclose {
  display: inline-block;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .report_route_wrap .report_route div.route_detail {
    flex: 1;
  }
}
div.main_wrap div.content .report_route_wrap .report_route div.route_detail .name span {
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
  color: #fff;
  padding: 5px;
  background: #6A91C1;
}
div.main_wrap div.content .report_route_wrap .report_route div.route_detail .name span.yet {
  background: #f00;
}
div.main_wrap div.content .report_route_wrap .report_route div.route_detail .name span.already {
  background: #516C8D;
}
div.main_wrap div.content .report_route_wrap .report_route div.route_detail .name em {
  font-size: 18px;
}
@media only screen and (min-width: 640px) {
  div.main_wrap div.content .report_route_wrap .report_route div.route_detail .name em {
    text-decoration: underline;
  }
}
@media only screen and (max-width: 639px) {
  div.main_wrap div.content .report_route_wrap .report_route div.route_detail .name em {
    display: block;
    margin-top: 10px;
  }
}
div.main_wrap div.content .report_route_wrap .report_route div.route_detail .caution {
  margin-top: 10px;
}
div.main_wrap div.content .report_route_wrap .report_route div.route_detail .caution p {
  padding: 10px;
  background: #ffd0d0;
}
div.main_wrap div.content .report_route_wrap .report_route div.route_detail .address {
  display: none;
}
div.main_wrap div.content .report_route_wrap .report_route div.route_detail .address p {
  margin-top: 10px;
  padding: 10px;
  border-radius: 5px;
  background: #fff;
}
div.main_wrap div.content .report_route_wrap .report_route div.route_detail .address .map_wrap {
  width: 100%;
  margin-top: 10px;
}
div.main_wrap div.content .report_route_wrap .report_route div.route_detail .address .map_wrap iframe {
  width: 100%;
  border: none;
  height: 400px;
}
div.main_wrap div.content .report_route_wrap .report_route div.route_detail .buttons {
  margin-top: 10px;
}
div.main_wrap div.content .report_route_wrap .report_route div.route_detail .buttons .mapclose {
  display: none;
}
div.main_wrap div.content .report_route_wrap .route_arrow {
  margin: 10px 0;
  text-align: center;
}
div.main_wrap div.content .report_route_wrap .route_arrow i {
  font-size: 24px;
}
div.main_wrap div.content .smp_list_wrap .header,
div.main_wrap div.content .smp_list_wrap .body {
  display: flex;
  flex-wrap: wrap;
}
div.main_wrap div.content .smp_list_wrap .header {
  padding: 10px 0;
  background: #6A91C1;
}
div.main_wrap div.content .smp_list_wrap .header p {
  color: #fff;
  padding: 5px 10px;
}
div.main_wrap div.content .smp_list_wrap .body {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 10px;
}
div.main_wrap div.content .smp_list_wrap .body:nth-of-type(2n + 1) {
  background: #f0f0f0;
}
div.main_wrap div.content .smp_list_wrap .body:nth-of-type(2n + 2) {
  background: #fff;
}
div.main_wrap div.content .smp_list_wrap .body p {
  padding: 10px 10px 0;
}
div.main_wrap div.content .smp_list_wrap .body p a {
  display: block;
  text-align: center;
  background: #516C8D;
  padding: 10px 0;
  border-radius: 3px;
  color: #fff;
}
div.main_wrap div.content .smp_list_wrap .body p a:hover {
  text-decoration: none;
}
div.main_wrap div.content .smp_list_wrap.report_smp_table .business_name {
  width: 100%;
  font-size: 12px;
}
div.main_wrap div.content .smp_list_wrap.report_smp_table .agreement_schedule_ryaku {
  width: 100%;
  font-size: 18px;
}
div.main_wrap div.content .smp_list_wrap.report_smp_table .is_sign {
  display: none;
}
div.main_wrap div.content .smp_list_wrap.report_smp_table .is_report {
  display: none;
}
div.main_wrap div.content .smp_list_wrap.report_smp_table .report_id {
  width: 25%;
}
div.main_wrap .show_detail a.show_button {
  color: #fff;
  padding: 10px 10px;
  display: block;
  text-align: center;
  background: #EE817B;
  border-radius: 5px;
}
div.main_wrap .show_detail a.show_button:hover {
  text-decoration: none;
  opacity: 0.8;
}
div.main_wrap .hidden_wrap {
  display: none;
}
div.main_wrap .route_result ul {
  display: block;
}
div.main_wrap .route_result ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 5px;
  border-bottom: 1px solid #D6D6D6;
  padding: 0 5px 5px;
}
div.main_wrap .route_result ul li p {
  display: block;
}
div.main_wrap .route_result ul li p::before {
  display: block;
  content: attr(data-title);
  font-size: 12px;
  margin-bottom: 3px;
  text-decoration: underline;
}
div.main_wrap .route_result ul li p.button, div.main_wrap .route_result ul li p.detail {
  width: 80px;
}
div.main_wrap .route_result ul li p.button .disabled, div.main_wrap .route_result ul li p.detail .disabled {
  background: #e0e0e0;
  pointer-events: none;
}
div.main_wrap .route_result ul li p.item_value {
  flex: 1;
}
div.main_wrap .route_result ul li p.zip {
  width: 100px;
}
div.main_wrap .route_result ul li p.address {
  flex: 2;
}
div.main_wrap .route_result ul li p.detail {
  text-align: center;
}
div.main_wrap .route_result ul li p.detail .showitem,
div.main_wrap .route_result ul li p.detail .hideitem {
  display: none;
}
div.main_wrap .route_result ul li p.detail .showitem.showbutton,
div.main_wrap .route_result ul li p.detail .hideitem.showbutton {
  display: block;
}
div.main_wrap .route_result ul li p.tel {
  width: 150px;
}
div.main_wrap .route_result ul li p.tantou {
  flex: 1;
}
div.main_wrap .route_result ul li p.is_highway {
  width: 100px;
}
div.main_wrap .route_result ul li p.remark {
  flex: 1;
}
div.main_wrap .route_result ul li div.separate {
  display: none;
  margin-top: 5px;
  width: 100%;
  border-top: 1px solid #D6D6D6;
  padding: 5px 15px 0;
}
div.main_wrap .route_result ul li div.separate.showdetail {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

section.numebrinput_form_wrap {
  z-index: 999999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}
section.numebrinput_form_wrap.hide {
  display: none;
}
section.numebrinput_form_wrap .close_button {
  position: fixed;
  right: 20px;
  top: 20px;
}
section.numebrinput_form_wrap .close_button a {
  display: block;
  background: #516C8D;
  padding: 15px;
  border-radius: 5px;
  line-height: 40px;
}
section.numebrinput_form_wrap .close_button a:hover {
  background: #EE817B;
  text-decoration: none;
}
section.numebrinput_form_wrap .close_button a i {
  font-size: 30px;
  color: #fff;
}
section.numebrinput_form_wrap .numberinput_form {
  background: #fff;
  padding: 20px;
}
@media only screen and (min-width: 640px) {
  section.numebrinput_form_wrap .numberinput_form {
    width: 50%;
  }
}
@media only screen and (max-width: 639px) {
  section.numebrinput_form_wrap .numberinput_form {
    width: 80%;
  }
}
section.numebrinput_form_wrap .numberinput_form .result_wrap {
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  border: 2px solid #516C8D;
  content: " ";
  margin-bottom: 20px;
}
section.numebrinput_form_wrap .numberinput_form .key_button_area {
  display: flex;
  flex-wrap: wrap;
}
section.numebrinput_form_wrap .numberinput_form .key_button_area .key_button_wrap {
  display: block;
  width: 30%;
  margin: 0 5% 20px 0;
}
section.numebrinput_form_wrap .numberinput_form .key_button_area .key_button_wrap:nth-of-type(3n + 3) {
  margin-right: 0;
}
section.numebrinput_form_wrap .numberinput_form .key_button_area .key_button_wrap.fullsize {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
}
section.numebrinput_form_wrap .numberinput_form .key_button_area .key_button_wrap a {
  display: block;
  margin: 0 auto;
  text-align: center;
  min-width: 50px;
  font-size: 20px;
  padding: 15px 0;
  background: #516C8D;
  color: #fff;
}
section.numebrinput_form_wrap .numberinput_form .key_button_area .key_button_wrap a.enter {
  background: #EE817B;
}
section.numebrinput_form_wrap .numberinput_form .key_button_area .key_button_wrap a:hover {
  background: #EE817B;
  text-decoration: none;
}

@font-face {
  font-family: "sawarabi_local"; /* お好きな名前にしましょう */
  src: url("../fonts/sawarabi_mincho/sawarabi-mincho-medium.eot"); /* IE9以上用 */
  src: url("../fonts/sawarabi_mincho/sawarabi-mincho-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/sawarabi_mincho/sawarabi-mincho-medium.woff") format("woff"), url("../fonts/sawarabi_mincho/sawarabi-mincho-medium.ttf") format("truetype"); /* iOS, Android用 */
  font-weight: normal; /* 念の為指定しておきます */
  font-style: normal;
}
/*
	animation-direction について
	normal						0 > 50 > 100 > 0 > 50 > 100 ...
	reverse						100 > 50 > 0 > 100 > 50 > 0 ....
	alternate					0 > 50 > 100 > 50 > 0 > 50 > 100 ...
	alternate-reverse	100 > 50 > 0 > 50 > 100 > 50 > 0 ...

	animation-fill-mode について
	none			CSS適用されない
	forwards	アニメ開始前、開始前のアニメーション（基本は0%）が適用
	backwards	アニメ終了後、開始後のアニメーション（基本は100%）が適用
	both			開始前＋終了後両方とも適用
*/
/* *****************************************************
 キーフレーム
 ***************************************************** */
/*
 アイテムが少し上ずるアニメーション。


	animation-name: little_popup;
	animation-duration: 0.5s;					// アニメーション所要時間
	animation-timing-function: ease;	// アニメーションの変化割合
	animation-delay: 0s;							// アニメ開始までの遅延
	animation-iteration-count: 1;			// アニメーションの回数。何回も繰り返す場合は infinite を指定
	animation-direction: alternate;		// アニメーションを繰り返す方向。
	animation-fill-mode: forwards;		// アニメーション開始前・終了後のCSS動作適用
	animation-play-state: running;		// アニメーションをすぐに開始するかどうか

	animation-name: show_menu;
	animation-duration: 0.5s;					// アニメーション所要時間
	animation-timing-function: ease;	// アニメーションの変化割合
	animation-delay: 0s;							// アニメ開始までの遅延
	animation-iteration-count: 1;			// アニメーションの回数。何回も繰り返す場合は infinite を指定
	animation-direction: alternate;		// アニメーションを繰り返す方向。
	animation-fill-mode: forwards;		// アニメーション開始前・終了後のCSS動作適用
	animation-play-state: running;		// アニメーションをすぐに開始するかどうか

 */
/* ******************************************************
 アイテムが少し上ずるアニメーション。
 クラス名：animation_hover_up
 使い方：アニメーションさせたいアイテムにクラスを指定
 ****************************************************** */
@keyframes little_popup {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
.animation_hover_up:hover {
  animation-name: little_popup;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards;
  animation-play-state: running;
}

/* ******************************************************
 アイテムが少し大きくなるアニメーション。
 クラス名：animation_hover_large
 使い方：アニメーションさせたいアイテムにクラスを指定
 ****************************************************** */
@keyframes little_large {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
.animation_hover_large:hover {
  animation-name: little_large;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards;
  animation-play-state: running;
}/*# sourceMappingURL=style.css.map */