@charset "euc-jp";

#InputForm .ss_bottomComment {
  line-height: 1.6;
}

@media print,
screen and (min-width:720px) {
  .ss_form .table th {
    width: 190px;
  }
}

.login_txt_top.ss_logout_1 {
  text-align: right;
  font-size: 75%;
  margin-bottom: 2em;
}

/* .ss_form .table td {
  font-size: 81.25%;
} */

.privacyArea_contact dt,
.privacyArea_contact dd {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.6;
  text-align: left;
  letter-spacing: .05em;
}

/** contact **/
/* .privacyArea dt.privacy_dt {
  float: left;
}*/

.privacyArea dl.privacyArea_contact {
  overflow: hidden;
}

/* input */
.ss_form .table textarea {
  width: 510px;
  max-width: 510px;
}

/*ï¿½ì¥¹ï¿½Ý¥ó¥·¥ï¿½*/
@media only screen and (max-width: 767px) {

  .sp .privacyArea dt.privacy_dt:nth-of-type(2) {
    float: none;
  }

  .sp .privacyArea dd:nth-of-type(2) {
    text-align: inherit;
  }

  div.privacyArea .sp_br::before {
    content: "\A";
    white-space: pre;
  }
}

/** seminar **/
_title,
.column .session_title {
  text-align: unset;
}

_txt,
.column .session_txt,
.exhibition_txt {
  text-align: unset;
}

/** Android Rï¿½Þ¡ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ðºï¿½  **/
.verdana {
  font-family: Verdana;
}

/** form **/
.sp table#form_table input[type="text"] {
  width: 100%;
}

.sp .ss_form tr#zip li input {
  /* width: auto; */
  width: 50px;
}

.ss_form tr#name1 li,
.ss_form tr#name_kana1 li,
.ss_form tr#zip li {
  display: inline-block;
}

.sp .ss_form .ss_leftComment {
  font-size: 85%;
}

/* input */
.sp .ss_form .table textarea {
  width: 100%;
  max-width: 100%;
}

/** smp error message **/
.label-warning,
.badge-warning {
  background-color: #E61E69 !important;
}

.label {
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  vertical-align: top !important;
}

.label,
.badge {
  display: inline-block !important;
  padding: 2px 4px !important;
  font-size: 11.844px !important;
  font-weight: bold !important;
  line-height: 14px !important;
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  white-space: nowrap !important;
  vertical-align: baseline !important;
  background-color: #E61E69 !important;
}

.ss_error_msg,
.errorMsg,
.ss_txtRedB,
.formErrorContent {
  margin-left: 3px !important;
  color: #E61E69 !important;
  font-weight: bold !important;
  font-size: 1em !important;
}

.program .ss_time,
.program .ss_time2 {
  color: #E61E69 !important;
}

/** login user name **/
.program .login_txt_top,
.contents .login_txt_top {
  text-align: right;
  color: #000;
  font-size: 75%;
  margin-top: 5px;
  margin-bottom: 10px;
}

.welcome_msg {
  font-weight: bold;
  margin-bottom: 5px;
}

.login_txt_top a {
  color: #f8e58c;
  text-decoration: underline;
}

#EntryPage .login_txt_top a  {
  color: #e61e69;
  text-decoration: underline;
}

.program .login_txt_top .logout_link br,
.contents .login_txt_top .logout_link br {
  display: none;
}

.sp .login_txt_top {
  text-align: right;
  font-size: 75%;
  margin-top: 20px;
  margin-bottom: 10px;
}

.sp .login_txt_top .logout_link br {
  display: inline;
}

.login_txt_bottom {
  text-align: center;
  font-size: 75%;
  margin-top: 25px;
}

.login_txt_bottom .logout_link br {
  display: none;
}

.sp .login_txt_bottom {
  text-align: center;
  font-size: 75%;
  margin-top: 25px;
}

.sp .login_txt_bottom .logout_link br {
  display: inline;
}

.sp .login_txt_bottom .logout_link,
.sp .login_txt_top .logout_link {
  line-height: 1.35;
}

.login_txt_bottom a {
  color: #f8e58c;
  text-decoration: underline;
}


/** alert **/
#acting_alert {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 330px;
  height: 215px;
  z-index: 10;
  background-color: #FF0000;
  color: #FFFFFF;
  font-size: 0.9em;
  font-weight: bold;
  text-align: left;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  z-index: 99999;
}

#acting_alert a {
  color: #FFFFFF;
}

.alert {
  margin-top: 20px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding-top: 8px;
  padding-right: 14px;
  padding-bottom: 8px;
  padding-left: 14px;
  line-height: 150%;
}

.alert,
.alert h4 {
  color: #c09853;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success h4 {
  color: #468847;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info h4 {
  color: #3a87ad;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block>p,
.alert-block>ul {
  margin-bottom: 0;
}

.alert-block p+p {
  margin-top: 5px;
}
/*
.required th::after {
  content: "ï¿½ï¿½";
  font-style: normal;
  color: #FCF100;
}
*/
/* link color */
a {
  color: #e61e69;
}

/* link color */

/* ï¿½ï¿½ï¿½ä¤¤ï¿½ï¿½ï¤»ï¿½ï¿? TEL */
/* 
#contact_area .tel:before {
  content: "TELï¿½ï¿½";
}
*/
/* .outline_sns .line add 20200806 */
.outline_sns .share_li {
  display: none;
}

.outline_sns .line {
  vertical-align: bottom;
  background-color: #00B900;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}

.outline_sns .line {
  width: 36px;
  height: 36px;
  margin: 0 4px;
  overflow: hidden;
}

.nottablet .outline_sns .line:hover {
  opacity: 0.6;
}

.sp .outline_sns .line {
  display: none;
}

.outline_sns .line iframe {
  width: 32px !important;
  height: 32px !important;
}

.outline_sns .line iframe {
  margin-top: 3px;
  margin-left: 3px;
}

/* // */

/* .footer_sns .line add 20200806 */
.footer_sns .share_li {
  display: none;
}

.footer_sns .line {
  vertical-align: bottom;
  background-color: #00B900;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}

.footer_sns .line {
  width: 36px;
  height: 36px;
  margin: 0 4px;
  overflow: hidden;
}

.nottablet .footer_sns .line:hover {
  opacity: 0.6;
}

.sp .footer_sns .line {
  display: none;
}

.footer_sns .line iframe {
  width: 32px !important;
  height: 32px !important;
}

.footer_sns .line iframe {
  margin-top: 3px;
  margin-left: 3px;
}

/* // */

.txtcenter {
  text-align: center !important;
}

/* line sns */
.outline_sns iframe,
.footer_sns iframe {
  opacity: 1 !important;
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  padding: 3px;
  background-color: #00B900;
  border-radius: 50%;
  margin: 0 2px;
}

@media only screen and (max-width: 767px) {

  .outline_sns iframe,
  .footer_sns iframe {
    padding: 0;
  }
}

/* line sns end */

/* 2022 button 
#InputForm .btn_area div.btn_submit input {
  font-size: 1em;
  color: #FFF;
  line-height: 1;
  text-align: center;
  letter-spacing: .1em;
  background-color: #2EAFEC;
  border: none;
  outline: none;
  box-sizing: border-box;
  padding-bottom: .2em;
  position: relative;
  cursor: pointer;
}

body:not([data-device="touchDevice"]) #InputForm .btn_area div.btn_submit input:hover {
  opacity: .7;
  transition: 400ms;
}

@media screen and (max-width: 428px) {
  #InputForm .btn_area div.btn_submit input {
    width: 160px;
    height: 50px;
    padding-right: .8em;
  }
}

@media screen and (min-width: 429px) and (max-width: 720px) {
  #InputForm .btn_area div.btn_submit input {
    width: 180px;
    height: 60px;
  }
}

@media print,
screen and (min-width: 429px) {
  #InputForm .btn_area div.btn_submit input {
    width: 180px;
    height: 60px;
  }
}

#InputForm .btn_area div.btn_submit input:after {
  font-size: 0.875em;
  color: #FFF;
  border-top: .5em solid transparent;
  border-right: .8em solid transparent;
  border-bottom: .5em solid transparent;
  border-left: .8em solid #FFF;
  position: absolute;
  top: 50%;
  right: .2em;
  content: "";
  transform: translateY(-50%);
}

 2022 button end */
/* 20220405 */
/* ï¿½ï¿½ï¿½Ã¥ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿?? */
#MainArea #Contents #Select .select_form {
  text-align: left;
  background-color: #E8F4FA;
  display: block;
}

@media print,
screen and (min-width: 1025px) {
  #MainArea #Contents #Select .select_form {
    padding: 1.5em 160px 3em 200px;
  }
}

#Contents #Select .select_form {
  padding: 4% 8% 8% 10.66667%;
}

#Select .check_text {
  font-size: 1.375em;
  color: #000;
  line-height: 1.8;
  text-align: left;
  letter-spacing: .15em;
  padding-left: 2.5em;
  display: inline-block;
  position: relative;
}

/* #Select .check_text:before {
      background-color: #FFF;
      border: 1px solid #000;
      visibility: visible;
      position: absolute;
      z-index: 100;
      top: 50%;
      left: 0;
      content: "";
      transform: translateY(-50%);

  }

  #Select .check_text:after {
      border-right: 2px solid #0080CB;
      border-bottom: 2px solid #0080CB;
      width: 0.7em;
      height: 1.4em;
      visibility: visible;
      position: absolute;
      z-index: 200;
      top: -0.3em;
      left: 0.7em;
      content: "";
      transform: rotate(45deg);
  } */
.full_text,
.few_text {
  display: flex;
  margin-bottom: 14px;
}

#Select ._full {
  display: flex;
  flex-flow: column;
}

.select_form #Venue .app_sta {
  display: none !important;
}
.select_form #Online .app_sta {
  display: none !important;
}

@media print,
screen and (min-width: 721px) {
  #Select .select_form #Venue .check_text:before {
    width: 25px;
    height: 25px;
    background-color: #ccc;
  }

  @media screen and (max-width: 720px) {
    #Select input+._checkbox {
      font-size: 1.125em;
    }
    #LoginArea ._inner {
      font-size: 80%;
  }
  }

  /* ï¿½Ä¿Í¾ï¿½ï¿½ï¿½ */
  #Contents #PrivacyArea {
    margin-top: auto;
  }
}

/* HeadingÊ¸ï¿½ï¿½ */
@media print,
screen and (min-width: 721px) {
  /* #MainArea #Contents #Explanation #Explanation_Heading {
    letter-spacing: .2em;
  } */
}

#Explanation_Text_addition {
  color: #0080CB;
  font-size: 1.125em;
  text-align: center;
  margin-top: 5px;

}

@media screen and (max-width: 720px) {
  #Select .check_text {
    font-size: unset;
    padding-left: 2.8em;
  }
  #Select ._checkbox {
    font-size: 1.134em;
  }
}

/* ï¿½ï¿½Ì¾ï¿½ï¿½ï¿½Â¤ï¿½ */
@media screen and (max-width: 720px) {

  #InputForm #name1 li input[type="text"],
  #InputForm #name1 li input[type="password"],
  #InputForm #name_kana1 li input[type="text"],
  #InputForm #name_kana1 li input[type="password"],
  #InputForm #zip li input[type="text"],
  #InputForm #zip li input[type="password"] {
    width: auto;
  }
}

@media screen and (max-width: 720px) {

  #InputForm #name1 li,
  #InputForm #name_kana1 li,
  #InputForm #zip li {
    padding-right: .5em;
  }
}

@media print, screen and (min-width: 429px) { 
  #ApplicationArea, #LoginArea { 
    margin: 3em auto 3em auto; 
  } 
}
@media screen and (max-width: 720px) {
  #ApplicationArea, #LoginArea { 
    margin: 3em auto 3em auto; 
  } 
}
/* 20220405 */

/* 2022.05.23 */
.toujitsu #Select input:checked + ._checkbox:after {
  top: -10%;
  left: 3%;
}
@media screen and (max-width: 720px) {
.toujitsu #Select input:checked + ._checkbox:after {
    top: 13%;
  }
}

/* 2023-0330 */
.login_txt_top,
.logout_link{
  color: #FFFFFF;
}

/* 2023-0330 */

/* 2023-07-04 */
body#EntryPage .login_txt_top, body#EntryPage .logout_link {
  color: black;
}

body#EntryPage .login_txt_top{
  margin-top: 0px;
}

body#EntryPage #PrivacyArea{
  margin-top: 0;
  margin-bottom: 0;
}

h2#PrivacyArea_Heading{
  margin-top: 0;
}

div#Explanation{
  margin-bottom: 3em;
}

body#EntryPage #ApplicationArea{
  margin-top: 2.5em;
  margin-bottom: 0;
}

@media screen and (max-width: 767.9px) { 
  .login_txt_bottom .text_margin {
      margin-top: 5px;
  } 
  .textbottom_space{
      margin-top: 5px;
      display: block;
  }
}

@media print, screen and (min-width: 768px){
   body#EntryPage .login_txt_top .logout_link br{
        display: none;
    }
}

#HeaderArea img {
  height:24px;
}

/* 2024-0328 */
.btn_submit-application button:disabled,
.btn_area button#submitBtn:disabled,
body:not([data-device="touchDevice"]) #InputForm .btn_area div a.active  {
  cursor: wait !important;
  opacity: 0.7;
}
/* #InputForm .btn_area div.btn_back a.active  {
  cursor: wait !important;
  opacity: 0.7;
} */

@media screen and (min-width: 1200px) {/* ¥¹¥¯¥ê¡¼¥ó¥µ¥¤¥º¤¬1200px°Ê¾å¤Î¾ì¹ç¤ËÅ¬ÍÑ */
  #Contents_Info h3 { 
    letter-spacing: .2em; /* .2em ¤«¤éÊÑ¹¹ */
    }
}

@media screen and (max-width: 1199px) {/* ¥¹¥¯¥ê¡¼¥ó¥µ¥¤¥º¤¬1199px°Ê²¼¤Î¾ì¹ç¤ËÅ¬ÍÑ */
  #Contents_Info h3 { 
    font-size: 1.2em;
    letter-spacing: .0em; /* .2em ¤«¤éÊÑ¹¹ */
    }
}

/* ¿½¹þ½ªÎ»Æü¤Ë¡ÖBIPROGY¸¦µæ²ñ¡¡¾ðÊó¸ò´¹²ñ¡×¤Î¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹¤òÈóÉ½¼¨ */
.biprogyKenArea_checkbox .icon_finished + label{
  display: none;
}
