body{
	background-color: #f8f8f8;
}
a:link, a:visited{
	text-decoration: none;
}
#machiLoginArea{
  margin: 0;
  padding: 0;
}
#machiLoginArea .machiLoginArea__block .login-form-area {
  padding: 15px;
  background-color: #dce9f1;
  width: 100%;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  overflow: visible;
}
#machiLoginArea .machiLoginArea__block .login-form-area .login-form-titsub{
  font-size: 1.6rem;
  color: #12a922;
  text-align: center;
  margin-bottom: 0;
}
#machiLoginArea .machiLoginArea__block .login-form-area .login-form-tit{
  font-size: 2.4rem;
  font-weight: 600;
  color: #444;
  text-align: center;
  margin-bottom: 20px;
}
#machiLoginArea .machiLoginArea__block .login-form-area .login-form-notice-link{
  text-align: right;
  font-size: 1.4rem;
  margin: 0 0 15px;
  padding: 0;
}
#machiLoginArea .machiLoginArea__block .login-form-area .login-form-notice-link a{
  color: #42a9f1;
  cursor: pointer;
}
#machiLoginArea .machiLoginArea__block .login-form-area .control-label{
  font-size: 1.5rem;
  color: #555;
  font-weight: 600;
  text-align: left;
  padding: 0;
}
#machiLoginArea .machiLoginArea__block .login-form-area .form-control{
  border: 1px solid #b4cee1;
  background-color: #fff;
  padding: 5px 10px;
  font-size: 1.6rem;
	width: 100%;
  height: 44px;
  vertical-align: middle;
}
#machiLoginArea .machiLoginArea__block .login-form-area .form-group.loginbtn-area{
  text-align: center;
}
#machiLoginArea .machiLoginArea__block .login-form-area .btn{
  display: inline-block;
  margin: 0;
  padding: 16px 0;
  width: 200px;
  line-height: 1;
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border-radius: 28.5px;
  background-image: -moz-linear-gradient( 120deg, rgb(11,158,251) 0%, rgb(66,133,236) 100%);
  background-image: -webkit-linear-gradient( 120deg, rgb(11,158,251) 0%, rgb(66,133,236) 100%);
  background-image: -ms-linear-gradient( 120deg, rgb(11,158,251) 0%, rgb(66,133,236) 100%);
  box-shadow: 0px 3px 7.76px 0.24px rgb(0 0 0 / 10%);

}
#machiLoginArea .machiLoginArea__block .login-form-area .form-horizontal .checkbox{
  font-size: 1.3rem;
  color: #555;
}
#machiLoginArea .machiLoginArea__block .login-br-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  height: 100%;
}
#machiLoginArea .login-br-list{
	font-size: 1.6rem;
  text-align: center;
}
#machiLoginArea .login-br-area .login-br-list{
  width: 49%;
  margin: 0 auto;
}
#machiLoginArea .machiLoginArea__block .login-br-area a img:hover{
  opacity: 0.7;
}
.row{
	display: flex;
	flex-wrap: wrap;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	margin-bottom: 30px;
	float: left;
	width: 100%;
}
.form-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 15px;
	width: 100%;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: "";
    display: table;
}
@media (min-width: 992px){
	#machiLoginArea .container,
  #machiPassForgetArea .container{
		max-width: 970px;
	}
	.col-md-5 {
		width: 30%;
	}
	.col-md-6 {
		margin-right: auto;
    width: 68%;
	}
  .col-md-8{
    margin: auto;
    width: 67%;
  }
}
@media (min-width: 768px){
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{
		float: left;
	}
	.col-sm-3{
		width: 35%;
	}
	.col-sm-9{
		width: 65%;
	}
	.col-sm-12 {
    width: 100%;
	}
}
.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857px;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
    margin-left: -150px;
  }
}

#machiPassForgetArea .machiPassForgetArea__block .pwforget-form-area {
  padding: 35px 14%;
  background-color: #fff;
  width: 100%;
  border: 1px solid #dadada;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  overflow: visible;
}
.mt {
  margin-top: 80px;
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .mt {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #machiPassForgetArea .machiPassForgetArea__block .pwforget-form-area {
    padding: 35px 3%;
  }
}
#machiPassForgetArea .machiPassForgetArea__block .pwforget-form-area .pwforget-form-titsub{
  font-size: 2.0rem;
  color: #5dc769;
  text-align: center;
  margin-bottom: 0;
}
#machiPassForgetArea .machiPassForgetArea__block .pwforget-form-area .pwforget-form-tit{
  font-size: 2.4rem;
  font-weight: 600;
  color: #444;
  text-align: center;
  margin-bottom: 10px;
}
#machiPassForgetArea .machiPassForgetArea__block .pwforget-form-area .pwforget-form-txt{
  font-size: 1.4rem;
  font-weight: 400;
  color: #444;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #machiPassForgetArea .machiPassForgetArea__block .pwforget-form-area .pwforget-form-txt{
    font-size: 1.2rem;
    margin-bottom: 30px;
  }
}
#machiPassForgetArea .machiPassForgetArea__block .pwforget-form-area .pwforget-form-finish{
  font-size: 2.6rem;
  font-weight: 600;
  color: #555;
  text-align: center;
  margin: 60px 0 10px;
}
@media screen and (max-width: 768px) {
  #machiPassForgetArea .machiPassForgetArea__block .pwforget-form-area .pwforget-form-finish{
    font-size: 2.2rem;
  }
}
#machiPassForgetArea .machiPassForgetArea__block .pwforget-form-area .control-label{
  font-size: 1.5rem;
  color: #555;
  font-weight: 600;
  text-align: left;
  padding: 15px 0 0;
}
#machiPassForgetArea .machiPassForgetArea__block .pwforget-form-area .form-control{
  border: 1px solid #b4cee1;
  background-color: #f5fbff;
  padding: 15px 5px;
  font-size: 1.6rem;
  width: 100%;
}
#machiPassForgetArea .machiPassForgetArea__block .pwforget-form-area .form-group.pwforgetbtn-area{
  text-align: center;
}
#machiPassForgetArea .machiPassForgetArea__block .pwforget-form-area .btn{
  background-color: #42a9f1;
  color: #fff;
  font-weight: 600;
  font-size: 1.5rem;
  padding: 17px 80px;
  margin: 25px 0 0;
}
@media screen and (max-width: 768px) {
  #machiPassForgetArea .machiPassForgetArea__block .pwforget-form-area .btn{
    padding: 17px 0;
    width: 65%;
    display: block;
    margin: 25px auto 0;
  }
}
.upgradeLink{
  display: inline-block;
  border-radius: 10px;
  box-shadow: 0px 3px 7.76px 0.24px rgba(0,0,0,0.1);
  overflow: hidden;
}
.upgradeLink_txt{
  position: relative;
  display: inline-block;
  padding: 16px 16px 16px 51px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
}
.upgradeLink_txt::before{
  position: absolute;
  left: 16px;
  content: "";
  width: 25px;
  height: 25px;
  background-image: url(../../img/ic_upgrade.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.upgradeLink_btn{
  position: relative;
  display: inline-block;
  padding: 16px 16px 16px 46px;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  background-image: -moz-linear-gradient( 120deg, rgba(250,125,34,0.99608) 0%, rgb(248,54,0) 100%);
  background-image: -webkit-linear-gradient( 120deg, rgba(250,125,34,0.99608) 0%, rgb(248,54,0) 100%);
  background-image: -ms-linear-gradient( 120deg, rgba(250,125,34,0.99608) 0%, rgb(248,54,0) 100%);
}
.upgradeLink_btn::before{
  position: absolute;
  top: 20px;
  left: 16px;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2214%201%2023%201%2023%2010%22%2F%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2219%2015%2019%2023%201%2023%201%205%209%205%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2211%22%20y1%3D%2213%22%20x2%3D%2222%22%20y2%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
@media (max-width:800px) {
  .upgradeLink_txt, .upgradeLink_btn{
    width: 100%;
    font-size: 1.6rem;
  }
  .upgradeLink_btn{
    padding-left: 16px;
  }
  .upgradeLink_btn::before{
    top: 17px;
  }
}

.machicomiNews{
  border-radius: 3px;
  margin: 0 0 30px;
  padding: 0;
  position: relative;
  width: 100%;
  text-align: left;
}
.machicomiNewsTit{
  position: relative;
  color: #1e338b;
  margin: 0 0 10px;
  width: 100%;
  text-align: left;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: solid 2px #1e338b;
}
.machicomiNewsTitCommon{
  font-size: 2rem;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
.machicomiNewsMore{
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 14px;
}
.machicomiNewsMore .arrow{
  display: inline-block;
  margin-right: 5px;
  width: 8px;
  height: 8px;
  border: 2px solid;
  border-color: #333 #333 transparent transparent;
  transform: rotate(45deg);
}
.ic-machicomi{
  display: inline-block;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20102.93%2085.73%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bmask%3Aurl(%23mask)%3B%7D.cls-3%7Bfill%3A%23e9a641%3B%7D.cls-4%7Bfill%3A%23e9a741%3B%7D.cls-5%7Bmask%3Aurl(%23mask-3)%3B%7D.cls-6%7Bfill%3A%233ea349%3B%7D.cls-7%7Bfilter%3Aurl(%23luminosity-invert-noclip-3)%3B%7D.cls-8%7Bfilter%3Aurl(%23luminosity-invert-noclip)%3B%7D%3C%2Fstyle%3E%3Cfilter%20id%3D%22luminosity-invert-noclip%22%20x%3D%22-3.7%22%20y%3D%220%22%20width%3D%22106.64%22%20height%3D%2271.06%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeColorMatrix%20values%3D%22-1%200%200%200%201%200%20-1%200%200%201%200%200%20-1%200%201%200%200%200%201%200%22%20result%3D%22invert%22%2F%3E%3CfeFlood%20flood-color%3D%22%23fff%22%20result%3D%22bg%22%2F%3E%3CfeBlend%20in%3D%22invert%22%20in2%3D%22bg%22%2F%3E%3C%2Ffilter%3E%3Cmask%20id%3D%22mask%22%20x%3D%22-3.7%22%20y%3D%220%22%20width%3D%22106.64%22%20height%3D%2271.06%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Cg%20class%3D%22cls-8%22%3E%3Crect%20class%3D%22cls-1%22%20x%3D%22-3.7%22%20y%3D%229.48%22%20width%3D%2261.57%22%20height%3D%2261.58%22%20rx%3D%2214.54%22%20transform%3D%22translate(67.35%2013.18)%20rotate(90)%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M90.11%2C27.09A14.26%2C14.26%2C0%2C1%2C1%2C75.85%2C12.83%2C14.26%2C14.26%2C0%2C0%2C1%2C90.11%2C27.09Z%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3Cfilter%20id%3D%22luminosity-invert-noclip-3%22%20x%3D%22-1.21%22%20y%3D%2213.19%22%20width%3D%2256.59%22%20height%3D%2254.17%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeColorMatrix%20values%3D%22-1%200%200%200%201%200%20-1%200%200%201%200%200%20-1%200%201%200%200%200%201%200%22%20result%3D%22invert%22%2F%3E%3CfeFlood%20flood-color%3D%22%23fff%22%20result%3D%22bg%22%2F%3E%3CfeBlend%20in%3D%22invert%22%20in2%3D%22bg%22%2F%3E%3C%2Ffilter%3E%3Cmask%20id%3D%22mask-3%22%20x%3D%22-1.21%22%20y%3D%2213.19%22%20width%3D%2256.59%22%20height%3D%2254.17%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Cg%20class%3D%22cls-7%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M4.68%2C48.66a1%2C1%2C0%2C0%2C1-.95-.8L2.19%2C39.19a.93.93%2C0%2C0%2C1%2C.16-.72l5.73-8.12a1%2C1%2C0%2C0%2C1%2C1.33-.24l8.18%2C5.64a1%2C1%2C0%2C0%2C1%2C.4.63L19.54%2C45a1%2C1%2C0%2C0%2C1-.78%2C1.12%2C1%2C1%2C0%2C0%2C1-1.12-.78l-1.48-8.27L9.1%2C32.24l-4.95%2C7%2C1.48%2C8.28a1%2C1%2C0%2C0%2C1-.78%2C1.11A.52.52%2C0%2C0%2C1%2C4.68%2C48.66Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M54.78%2C50.29l-.91-.3A86.19%2C86.19%2C0%2C0%2C0%2C.3%2C50l-.92.3-.59-1.84.91-.29a88.05%2C88.05%2C0%2C0%2C1%2C54.76%2C0l.92.29Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M33.33%2C45.88a1%2C1%2C0%2C0%2C1-1-1V29.07H23.14V44.92a1%2C1%2C0%2C1%2C1-1.92%2C0V28.11a1%2C1%2C0%2C0%2C1%2C1-1H33.33a1%2C1%2C0%2C0%2C1%2C1%2C1V44.92A1%2C1%2C0%2C0%2C1%2C33.33%2C45.88Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M43.74%2C43.53a7.64%2C7.64%2C0%2C0%2C1-1.25-.11A7%2C7%2C0%2C1%2C1%2C45%2C29.58h0a7%2C7%2C0%2C0%2C1-1.22%2C14Zm0-12.14a5.15%2C5.15%2C0%2C0%2C0-5%2C4.21%2C5.1%2C5.1%2C0%2C0%2C0%2C4.13%2C5.92%2C5.1%2C5.1%2C0%2C0%2C0%2C5.92-4.12%2C5.11%2C5.11%2C0%2C0%2C0-4.13-5.92h0A4.58%2C4.58%2C0%2C0%2C0%2C43.72%2C31.39Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M42%2C47h-.17a1%2C1%2C0%2C0%2C1-.78-1.12l1.21-6.77a1%2C1%2C0%2C0%2C1%2C1.9.34L43%2C46.24A1%2C1%2C0%2C0%2C1%2C42%2C47Z%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%9E%E3%83%81%E3%82%B3%E3%83%9F%22%3E%3Cg%20class%3D%22cls-2%22%3E%3Crect%20class%3D%22cls-3%22%20x%3D%2248.77%22%20width%3D%2254.17%22%20height%3D%2254.17%22%20rx%3D%2211.85%22%2F%3E%3C%2Fg%3E%3Crect%20class%3D%22cls-1%22%20y%3D%2213.19%22%20width%3D%2254.17%22%20height%3D%2254.17%22%20rx%3D%2211.85%22%2F%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2278.43%22%20cy%3D%2226.47%22%20r%3D%2218.36%22%2F%3E%3Cg%20class%3D%22cls-2%22%3E%3Crect%20class%3D%22cls-4%22%20x%3D%2248.77%22%20width%3D%2254.17%22%20height%3D%2254.17%22%20rx%3D%2211.85%22%2F%3E%3C%2Fg%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M77.5%2C45.24h14a.84.84%2C0%2C0%2C1%2C.81%2C1.07A26.81%2C26.81%2C0%2C0%2C1%2C80.78%2C62.42a.67.67%2C0%2C0%2C1-1-.82c2.57-6.18%2C1.55-10.47-2.89-14.93A.84.84%2C0%2C0%2C1%2C77.5%2C45.24Z%22%2F%3E%3Cg%20class%3D%22cls-5%22%3E%3Crect%20class%3D%22cls-6%22%20y%3D%2213.19%22%20width%3D%2254.17%22%20height%3D%2254.17%22%20rx%3D%2211.85%22%2F%3E%3C%2Fg%3E%3Cpath%20class%3D%22cls-6%22%20d%3D%22M25.43%2C58.42h-14a.84.84%2C0%2C0%2C0-.81%2C1.07A26.72%2C26.72%2C0%2C0%2C0%2C22.15%2C75.6a.68.68%2C0%2C0%2C0%2C1-.82C20.57%2C68.6%2C21.6%2C64.31%2C26%2C59.85A.84.84%2C0%2C0%2C0%2C25.43%2C58.42Z%22%2F%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M62.67%2C68.84c0%2C2%2C5.9%2C3.7%2C13.18%2C3.7S89%2C70.88%2C89%2C68.84s-5.9-3.7-13.18-3.7S62.67%2C66.8%2C62.67%2C68.84Z%22%2F%3E%3Cpath%20class%3D%22cls-6%22%20d%3D%22M40.27%2C82c0%2C2-5.91%2C3.71-13.19%2C3.71S13.9%2C84.07%2C13.9%2C82s5.9-3.7%2C13.18-3.7S40.27%2C80%2C40.27%2C82Z%22%2F%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M71.29%2C24.35c0%2C1.47-.69%2C2.66-1.54%2C2.66s-1.54-1.19-1.54-2.66.69-2.65%2C1.54-2.65S71.29%2C22.89%2C71.29%2C24.35Z%22%2F%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M83.49%2C24.35C83.49%2C25.82%2C82.8%2C27%2C82%2C27s-1.54-1.19-1.54-2.66S81.1%2C21.7%2C82%2C21.7%2C83.49%2C22.89%2C83.49%2C24.35Z%22%2F%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M83.23%2C29.55c0%2C9.84-14.76%2C9.84-14.76%2C0Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
  vertical-align: middle;
}
.ic-point{
  display: inline-block;
  margin-top: -5px;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20342.98%20512%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ff9a55%3B%7D.cls-2%7Bfill%3A%23ffbf3e%3B%7D.cls-3%7Bfill%3A%23646363%3B%7D.cls-4%7Bfill%3A%234a4745%3B%7D.cls-5%7Bfill%3A%237a7a77%3B%7D.cls-6%7Bfill%3A%23fff%3Bisolation%3Aisolate%3Bopacity%3A.2%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_4%22%3E%3Cg%3E%3Cg%3E%3Crect%20class%3D%22cls-5%22%20x%3D%22119.21%22%20y%3D%22443.65%22%20width%3D%22106.53%22%20height%3D%2210.43%22%2F%3E%3Cpolygon%20class%3D%22cls-5%22%20points%3D%22222.95%20473.22%20220.26%20475.32%20206.66%20485.93%20138.38%20485.93%20125.24%20475.32%20122.64%20473.22%20222.95%20473.22%22%2F%3E%3Crect%20class%3D%22cls-5%22%20x%3D%22119.21%22%20y%3D%22414%22%20width%3D%22106.53%22%20height%3D%2210.5%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M225.74%2C405.82v10.02H119.21v-10.02h106.53Z%22%2F%3E%3Crect%20class%3D%22cls-5%22%20x%3D%22119.21%22%20y%3D%22385.71%22%20width%3D%22106.53%22%20height%3D%2210.43%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M225.74%2C377.54v10.02H119.21v-10.02h106.53Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M225.74%2C435.33v10.02H119.21v-10.02h106.53Z%22%2F%3E%3Cpolygon%20class%3D%22cls-3%22%20points%3D%22222.95%20473.22%20220.26%20475.32%20125.24%20475.32%20122.64%20473.22%20222.95%20473.22%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M239.51%2C402.21v4.5c0%2C4.02-4.5%2C7.29-10.02%2C7.29H115.46c-5.45%2C0-9.95-3.27-9.95-7.29v-4.5c0-4.02%2C4.5-7.29%2C9.95-7.29h114.03c5.52%2C0%2C10.02%2C3.27%2C10.02%2C7.29Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M239.51%2C431.79v4.5c0%2C4.02-4.5%2C7.36-10.02%2C7.36H115.46c-5.45%2C0-9.95-3.34-9.95-7.36v-4.5c0-4.02%2C4.5-7.29%2C9.95-7.29h114.03c5.52%2C0%2C10.02%2C3.27%2C10.02%2C7.29Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M239.51%2C461.37v4.57c0%2C4.02-4.5%2C7.29-10.02%2C7.29H115.46c-5.45%2C0-9.95-3.27-9.95-7.29v-4.57c0-.48%2C.07-1.02%2C.21-1.5%2C.95-3.27%2C4.98-5.79%2C9.75-5.79h114.03c5.52%2C0%2C10.02%2C3.27%2C10.02%2C7.29Z%22%2F%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M204.4%2C484.05h-69.73c0%2C15.44%2C17.07%2C27.95%2C38.13%2C27.95h0c21.06%2C0%2C38.13-12.52%2C38.13-27.95h-6.54Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M342.98%2C171.49c0%2C47.37-19.15%2C90.24-50.23%2C121.32-31.01%2C31.01-49.89%2C41.3-52.62%2C91.13H102.85c-2.39-43.15-16.83-56.64-40.76-79.54-3.75-3.61-7.7-7.43-11.86-11.59C19.15%2C261.73%2C0%2C218.86%2C0%2C171.49S19.15%2C81.25%2C50.23%2C50.23C81.25%2C19.22%2C124.12%2C0%2C171.49%2C0c38.03%2C0%2C73.2%2C12.41%2C101.63%2C33.4%2C6.95%2C5.11%2C13.49%2C10.77%2C19.63%2C16.84%2C2.11%2C2.04%2C4.16%2C4.22%2C6.13%2C6.41%2C3.82%2C4.29%2C7.5%2C8.79%2C10.91%2C13.43%2C20.92%2C28.42%2C33.19%2C63.46%2C33.19%2C101.42Z%22%2F%3E%3Cpath%20class%3D%22cls-6%22%20d%3D%22M303.92%2C62.57L61.96%2C304.54c-3.68-3.75-7.63-7.63-11.72-11.72C19.15%2C261.73%2C0%2C218.86%2C0%2C171.49S19.15%2C81.25%2C50.23%2C50.23C81.25%2C19.22%2C124.12%2C0%2C171.49%2C0c38.03%2C0%2C73.2%2C12.41%2C101.63%2C33.4%2C6.95%2C5.11%2C13.49%2C10.77%2C19.63%2C16.84%2C2.11%2C2.04%2C4.16%2C4.22%2C6.13%2C6.41%2C1.7%2C1.98%2C3.41%2C3.95%2C5.04%2C5.93Z%22%2F%3E%3C%2Fg%3E%3Cellipse%20class%3D%22cls-6%22%20cx%3D%2283.7%22%20cy%3D%2272.15%22%20rx%3D%2245.78%22%20ry%3D%2225.55%22%20transform%3D%22translate(-26.67%2077.7)%20rotate(-43.64)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
  vertical-align: middle;
}
.machicomiNewsList{
  -ms-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  margin: 5px 0 0;
  padding: 10px 10px 0;
  width: auto;
  border: solid #dadada 1px;
  height: 392px;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}
.machicomiNewsList::-webkit-scrollbar {
width: 13px;
}
.machicomiNewsList::-webkit-scrollbar-track {
  background-color: #eee;
}
.machicomiNewsList::-webkit-scrollbar-thumb {
  background-color: #999;
  box-shadow: inset 0 0 1px #000;
}
.machicomiNewsList a{
  color: #42a9f1;
}
.machicomiNewsList dt {
  color: #666;
  font-size: 16px;
  float: left;
}
.machicomiNewsList dd {
  margin: 0 0 8px;
  padding: 0 0 0 10px;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.machicomiNewsList dt .categoryLabel {
  color: #fff;
  font-size: 12px;
  padding: 0;
  text-align: center;
  margin: 0 0 0 10px;
  display: inline-block;
  background-color: #0dc0de;
  width: 60px;
}
.machicomiNewsList dt .categoryLabel.important {
  background-color: #ff4747;
}
.machicomiNewsList dt .categoryLabel.newfunc{
  background-color: #04b633;
}
.machicomiNewsSelect{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.machicomiNewsSelect p{
  position: relative;
}
.machicomiNewsSelect p::after{
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-width: 5px;
  border-color: #1e338b transparent transparent transparent;
}
.machicomiNewsSelect select{
  width: 90px;
}

.check-input{
	display: none;
}
.check-label{
	position: relative;
	display: inline-block;
	padding: 0 0 0 30px;
	cursor: pointer;
}
.check-label::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	margin-top: -8px;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid #12a922;
	border-radius: 3px;
}
.check-label::after{
	content: '';
  position: absolute;
  top: 11px;
  left: 7px;
  display: block;
  margin-top: -8px;
  width: 7px;
  height: 14px;
  border-right: 3px solid #12a922;
  border-bottom: 3px solid #12a922;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
	z-index: 1;
	opacity: 0;
}
.check-input:checked + .check-label::after{
	opacity: 1;
}
a.howtolink{
  display: inline-block;
  margin-top: -3px;
  width: 16px;
  height: 16px;
  font-size: 10px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  background-color: #ccc;
  border-radius: 50%;
}
.login-bnrArea{
  margin-bottom: 60px;
  flex-wrap: nowrap;
  gap: 10px;
}
@media screen and (max-width: 991px) {
  .login-newsArea{
    order: 2;
    height: auto;
  }
  .machicomiNewsList{
    height: 30vh;
  }
}
@media screen and (max-width: 767px) {
  .form-group{
    display: block;
  }
  #machiLoginArea .machiLoginArea__block .login-form-area .form-control{
    margin-top: 5px;
  }
  .login-bnrArea{
    flex-wrap: wrap;
    justify-content: space-around;
  }
  #machiLoginArea .login-bnrArea .login-br-list{
    width: 48%;
  }
}

/* colorbox custom */
#cboxOverlay{
  background: #999;
}
#cboxWrapper{
  background: #fff;
}
#colorbox{
  box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
}
#cboxContent, #cboxLoadedContent{
  margin: 0;
  width: 100% !important;
}
#cboxLoadedContent{
  height: 100% !important;
}
#cboxClose{
  top: 5px;
  right: 15px;
  bottom: unset;
  font-size: 25px;
  font-weight: bold;
}
#cboxTopCenter, #cboxTopRight, #cboxTopLeft,
#cboxMiddleCenter, #cboxMiddleRight, #cboxMiddleLeft,
#cboxBottomCenter, #cboxBottomRight, #cboxBottomLeft{
  display: none;
}