.info_change {}
.info_change table td span {font-family: arial}

#container.situation {height: calc(100% - 60px); padding: 10px 0 0 0; background: #f2f3f3; box-sizing: border-box}
#container.situation h2.sub_tit {padding-left: 10px} 
.situation div.sech_area {padding: 17px 0; background: #ed1c24; text-align: right; padding-right: 15px}
.situation div.sech_area a {display: inline-block; width: 80px; height: 27px;  background: url(../../images/mobile/sub/btn_sech.png) no-repeat 0 0; background-size: 100%; vertical-align: top}
.situation div.sech_area a.on {background-position: center -33px}
.situation .cont_sech_tog {display: none; margin-top: 20px; padding-left: 10px; padding-right: 10px}
.situation .cont_sech_tog.on {display: block}
.situation .cont_sech_tog input[type="text"], .situation .cont_tog select {width: 100%}
.situation .cont_sech_tog p {margin-bottom: 5px}
.situation .cont_sech_tog p input[type="date"] {width: 44%; height: 26px; padding-left: 7px;border: 1px solid #bababa;background: #fff; font-size: 10px}
.situation .cont_sech_tog input[type="radio"] {vertical-align: middle}
.situation .cont_sech_tog input[type="radio"]+label {font-size: 12px; padding-left: 3px; padding-right: 5px}
.situation .cont_sech_tog .btn_wrap {text-align: center}
.situation .cont_sech_tog .btn_wrap a.btn {border-radius: 0 !important; box-shadow: 2px 2px 1px rgba(0,0,0,0.3); padding-left: 12%; padding-right: 12%}
.situation .table_wrap {height: calc(100% - 110px); margin-top: 20px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; box-sizing: border-box}
.situation .table_wrap p.check_num span {display: inline-block; padding-left: 4px; margin-bottom: 3px; font-size: 11px; letter-spacing: -0.05em}
.situation .table_wrap p.check_num  span.tit {font-weight: bold}
.situation .table_wrap .scroll {height: 88%; overflow-y: scroll;}
.situation .view_table {padding-left: 10px; padding-right: 10px; font-size: 14px; letter-spacing: -0.025em}
.situation .view_table td {padding: 20px 0; border-bottom: 1px solid #848587; text-align: center}
.situation .view_table td p {font-weight: bold}
.situation .view_table td p.font {font-size: 13px; font-weight: normal}
.situation .view_table td p.status001 {color: #062a63; padding-top: 3px}
.situation .view_table td p.status002 {color: #1ea229; padding-top: 3px}
.situation .view_table td p.status003 {color: #09a0dc; padding-top: 3px}
.situation .view_table td p.status004 {color: #5600b1; padding-top: 3px}
.situation .view_table td p.status005 {color: #c75908; padding-top: 3px}
.situation .view_table td p.status006 {color: #9fbd03; padding-top: 3px}
.situation .view_table td p.status007 {color: #00c599; padding-top: 3px}
.situation .view_table td p.status008 {color: #b9174a; padding-top: 3px}
.situation .view_table td p.status009 {color: #7d0505; padding-top: 3px}
.situation .view_table td p.status010 {color: #0f7f92; padding-top: 3px}
.situation .view_table td p.status011 {color: #ae29bd; padding-top: 3px}
.situation .view_table td p.status012 {color: #516b06; padding-top: 3px}
.situation .view_table td p.status013 {color: #ff0000; padding-top: 3px}
.situation .view_table td p.status014 {color: #2933fe; padding-top: 3px}
.situation .view_table tr:first-child td {border-top: 1px solid #848587}
.situation .view_table tr:nth-child(odd) td {border-right: 1px solid #c7c7c7; background: #ffffff}
.situation .view_table tr:nth-child(even) td {border-right: 1px solid #b5b5b5}
.situation .view_table td:first-child {border-left: 1px solid #848587; text-decoration: underline}
.situation .view_table td:last-child {border-right: 1px solid #848587 !important}
.situation .view_table a.icon_call {display: block; width: 40px; margin: 0 auto}
.situation .view_table a.icon_call img {width: 100%; vertical-align: middle}

#container.situation_0100, #container.situation_0200 {padding: 0}
.situation_0100 h2.sub_tit, .situation_0200 h2.sub_tit {padding-left: 10px; padding-top: 10px; background: #f2f3f3}
.situation_0100 .table_wrap, .situation_0200 .table_wrap {padding: 0 10px 10px 10px; background: #f2f3f3}
.situation_0100 .table_wrap span.staff, .situation_0200 .table_wrap span.staff {font-weight: bold; color: #7700a7}
.situation_0100 .table_wrap span.staff:before, .situation_0200 .table_wrap span.staff:before {content:"("}
.situation_0100 .table_wrap span.staff:after, .situation_0200 .table_wrap span.staff:after {content:")"}
.situation_0100 .table_wrap tr.padding th, .situation_0100 .table_wrap tr.padding td, .situation_0200 .table_wrap tr.padding th,.situation_0200 .table_wrap tr.padding td
{padding-top: 7px; padding-bottom: 7px}
.situation_0100 .icon_wrap, .situation_0200 .icon_wrap {padding: 10px; background: #cacaca}
.situation_0100 .icon_wrap .top, .situation_0200 .icon_wrap .top {padding-bottom: 10px}
.situation_0100 .icon_wrap .top ul,.situation_0200 .icon_wrap .top ul  {overflow: hidden}
.situation_0100 .icon_wrap .top ul li, .situation_0200 .icon_wrap .top ul li  {float: left; width: 50%; height: 50px; line-height: 50px; font-size: 17px; font-weight: bold; border: 1px solid #848587; background: #fff; box-sizing: border-box; text-align: center}
.situation_0100 .icon_wrap .top ul li:last-child {background: #fff}
.situation_0100 .icon_wrap .top ul li:last-child {border-left: 0}
.situation_0100 .icon_wrap .top ul li a,.situation_0200 .icon_wrap .top ul li a {display: block;}
.situation_0100 .icon_wrap .bottom ul, .situation_0200 .icon_wrap .bottom ul {overflow: hidden}
.situation_0100 .icon_wrap .bottom ul li, .situation_0200 .icon_wrap .bottom ul li {float: left; width: 50%; box-sizing: border-box}
.situation_0100 .icon_wrap .bottom ul li a, .situation_0200 .icon_wrap .bottom ul li a {display: block; height: auto}
.situation_0100 .icon_wrap .bottom ul li a img, .situation_0200 .icon_wrap .bottom ul li a img {width: 100%; vertical-align: top}
.situation_0200 .icon_wrap .top ul li a {color: #d8d8d8}
.situation_0200 .icon_wrap .top ul li.on a {color: #1a2127}
.situation_0200 .icon_wrap .top ul li:nth-child(2) {border-left: 0}
.situation_0200 .icon_wrap .top ul li:nth-child(3) {border-top: 0}
.situation_0200 .icon_wrap .top ul li:nth-child(4) {border-top: 0; border-left: 0}
.situation_0200 .icon_wrap .top ul li:nth-child(1).on {background: #10a77a}
.situation_0200 .icon_wrap .top ul li:nth-child(2).on {background: #fcdf11}
.situation_0200 .icon_wrap .top ul li:nth-child(3).on {background: #a1d71d}
.situation_0200 .icon_wrap .top ul li:nth-child(4).on {background: #f37420}
.situation_0200 .icon_wrap .top ul li a.on {background: #f2f3f3}
.situation_0100 a.icon_place, .situation_0200 a.icon_place {margin-left: 10px; width: 13px !important; overflow: visible !important}
.situation_0100 a.icon_place img, .situation_0200 a.icon_place img {width: 100%}
.situation_0200 .icon_wrap p.time {padding-bottom: 7px}
.situation_0200 .icon_wrap p.time span {font-size: 15px; font-weight: bold}
.situation_0200 .icon_wrap p.time span.tit {color: #ed1b24}

.situation_0201 {position: absolute; left:0 ;top:  60px; right: 0; bottom: 0; padding: 0 !important}
.situation_0201 .top {position:absolute; top: 0; width: 100%; height: 40px; background: #ed1c24; color: #fff}
.situation_0201 .content {position: absolute; left: 0; right: 0; top: 40px; bottom: 40px}
.situation_0201 .bottom {position: absolute;bottom: 0px; width: 100%; height: 40px;  background :#383838; color: #fff}
.situation_0201 .top ,.situation_0201 .bottom {font-weight: bold; font-size: 17px; text-align: center; line-height: 40px}
.situation_0201 .top a.close {position: absolute; right: 15px; top: 2px; display: block; width: 15px}
.situation_0201 .top a.close img {width: 100%}
.situation_0201 .content p.customer, .situation_0201 .content p.worker{width: 13.3%;}
.situation_0201 .content p.customer img, .situation_0201 .content p.worker img {width: 100%}
.situation_0202 {background: #f2f3f3}
.situation_0202 table td textarea {width: 100%; height: 60px; padding: 3px 7px; border: 1px solid #bababa; box-sizing: border-box}
.situation_0202 table tr.padding td {line-height: 0}
.situation_0202 .btn_wrap {position: relative}
.situation_0202 .btn_wrap a.btn {border-radius: 0 !important; box-shadow: 2px 2px 1px rgba(0,0,0,0.3)}
.situation_0202 .btn_wrap a.camera {position: absolute; left:0; top:0; display: block; width: 40px}
.situation_0202 .btn_wrap a.camera img {width: 100%}

.notice, .push {height: calc(100% - 60px); box-sizing: border-box}
.notice div.scroll, .push div.scroll {height: 85%; overflow-y: scroll}

#agree .agree {padding: 0 !important}
#agree img {width: auto;max-width: 100%;height: auto;vertical-align: top;}
#agree mark {background-color: transparent;color: #383838}
#agree small {font-size: 9px;}
#agree input[type='checkbox'], #agree input[type='radio'] {margin: 0;padding: 0;-webkit-appearance: none;}
#agree button {display: inline-block;margin: 0;padding: 0;border: 0 none;box-sizing: content-box;background-color: transparent;}
#agree .input-checkbox {}
#agree .input-checkbox input[type='checkbox'] {position: relative;display: inline-block;width: 18px;height: 18px;border: none;border-radius: 50%;background-color: #a5a5a5;vertical-align: middle;}
#agree .input-checkbox input[type='checkbox']:before, .input-checkbox input[type='checkbox']:after{content: '';position: absolute;left: 50%;top: 50%;display: block;height: 2px;border-radius: 2px;background-color: #ffffff;}
#agree .input-checkbox input[type='checkbox']:before {width: 6px;-webkit-transform-origin: 100% 50%;-webkit-transform: rotate(55deg) translateX(-1px) translateY(8px);transform-origin: 100% 50%;transform: rotate(55deg) translateX(-1px) translateY(8px);}
#agree .input-checkbox input[type='checkbox']:after {width: 11px;-webkit-transform-origin: 0 50%;-webkit-transform: rotate(-45deg) translateX(-4px) translateY(1px);transform-origin: 0 50%;transform: rotate(-45deg) translateX(-4px) translateY(1px);}
#agree .input-checkbox label {display: inline-block;padding-left: 7px;font-size: 11px;vertical-align: middle;}
#agree .input-checkbox input[type='checkbox']:checked {background-color: #b60008;}
#agree .btn-checktoggle {position: relative;min-width: 50px;height: 31px;border: none;border-radius: 4px;background-color: #797b7d;color: #ffffff;font-size: 15px;text-align: center;overflow: hidden;}
#agree .btn-checktoggle:before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;background-color: #676767;}
#agree .btn-checktoggle:after {content: 'º¸±â';position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 31px}
#agree .btn-checktoggle:checked:after {content: '´Ý±â';}
#agree .box-scroll {height: 55px;overflow-y: auto;-webkit-overflow-scrolling: touch;}
#agree .box-scroll .contents {padding: 10px;}
#agree .article-useragree {padding-bottom: 100px;background-color: #d1d2d4;}
#agree .header-useragree {}
#agree .header-useragree .title {height: 48px;background-color: #ed1c24;color: #ffffff;font-size: 21px;text-align: center;line-height: 48px}
#agree .header-useragree .description {padding: 12px 16px;background-color: #eeeeee;}
#agree .header-useragree .description .title-sub {padding: 10px 5px;background-color: #ffffff;font-size: 15px;font-weight: 300;text-align: center;}
#agree .main-useragree {padding: 8px 15px;background-color: #d1d2d4;}
#agree .main-useragree .sect-useragree {margin-top: 7px;}
#agree .main-useragree .sect-useragree::first-child {margin-top: 0;}
#agree .sect-useragree {position: relative;}
#agree .sect-useragree table {table-layout: fixed;width: 100%;margin-top: 10px;}
#agree .sect-useragree table th, .sect-useragree table td {padding: 10px 7px;border: 1px solid #f1f2f4;font-size: 10px;text-align: center;}
#agree .sect-useragree table th {background-color: #d1d2d4;}
#agree .sect-useragree table td {background-color: #ffffff;text-align: left;}
#agree .sect-useragree .header {min-height: 31px;padding: 11px 80px 11px 11px;background-color: #ffffff;}
#agree .sect-useragree .header .title {padding-left: 12px;font-size: 14px;text-indent: -12px;}
#agree .sect-useragree .btn-checktoggle {position: absolute;right: 11px;top: 11px;}
#agree .sect-useragree .body {display: none;padding: 14px 10px;border-bottom: 1px solid #b3b3b4;background-color: #f1f2f4; line-height: 1.4}
#agree .sect-useragree .footer {padding: 12px 14px;background-color: #f1f2f4;}
#agree .sect-useragree .btn-checktoggle:checked {}
#agree .sect-useragree .btn-checktoggle:checked   ~ .body {display: block;}
#agree .footer-useragree {position: fixed;bottom: 0;left: 0;box-sizing: border-box;width: 100%;padding: 15px;background-color: #92979c;}
#agree .footer-useragree .btn {position: relative;display: inline-block;width: 84px;height: 44px;border-radius: 5px;color: #ffffff;font-size: 14px;text-align: center;overflow: hidden;}
#agree .footer-useragree .btn:before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;}
#agree .footer-useragree .btn span {position: relative;}
#agree .footer-useragree .btn.submit {background-color: #ed1c24;}
#agree .footer-useragree .btn.submit:before {background-color: #e2141c;}
#agree .footer-useragree .btn.cancel {background-color: #404447;}
#agree .footer-useragree .btn.cancel:before {background-color: #353739;}
#agree .footer-useragree .wrap-footer {position: relative;padding-right: 180px;}
#agree .footer-useragree .wrap-footer .input-checkbox {position: relative;display: block;padding-left: 20px;}
#agree .footer-useragree .wrap-footer .input-checkbox input[type='checkbox'] {position: absolute;left: 0;top: 50%;margin-top: -9px;background-color: #ffffff;}
#agree .footer-useragree .wrap-footer .input-checkbox input[type='checkbox']:before,
#agree .footer-useragree .wrap-footer .input-checkbox input[type='checkbox']:after {background-color: #92979c}
#agree .footer-useragree .wrap-footer .input-checkbox input[type='checkbox']:checked{background-color: #b60008;}
#agree .footer-useragree .wrap-footer .input-checkbox input[type='checkbox']:checked:before,
#agree .footer-useragree .wrap-footer .input-checkbox input[type='checkbox']:checked:after{background-color: #ffffff}
#agree .footer-useragree .wrap-footer .input-checkbox label {color: #ffffff;}
#agree .footer-useragree .wrap-footer .box-btn {position: absolute;right: -2px;top: 50%;margin-top: -22px}
#agree .footer-useragree .wrap-footer .box-btn .btn {margin: 0 2px;}


#location .agree {padding: 0 !important}
#location img {width: auto;max-width: 100%;height: auto;vertical-align: top;}
#location mark {background-color: transparent;color: #383838}
#location small {font-size: 9px;}
#location input[type='checkbox'], #location input[type='radio'] {margin: 0;padding: 0;-webkit-appearance: none;}
#location button {display: inline-block;margin: 0;padding: 0;border: 0 none;box-sizing: content-box;background-color: transparent;}
#location .input-checkbox {}
#location .input-checkbox input[type='checkbox'] {position: relative;display: inline-block;width: 18px;height: 18px;border: none;border-radius: 50%;background-color: #a5a5a5;vertical-align: middle;}
#location .input-checkbox input[type='checkbox']:before, .input-checkbox input[type='checkbox']:after{content: '';position: absolute;left: 50%;top: 50%;display: block;height: 2px;border-radius: 2px;background-color: #ffffff;}
#location .input-checkbox input[type='checkbox']:before {width: 6px;-webkit-transform-origin: 100% 50%;-webkit-transform: rotate(55deg) translateX(-1px) translateY(8px);transform-origin: 100% 50%;transform: rotate(55deg) translateX(-1px) translateY(8px);}
#location .input-checkbox input[type='checkbox']:after {width: 11px;-webkit-transform-origin: 0 50%;-webkit-transform: rotate(-45deg) translateX(-4px) translateY(1px);transform-origin: 0 50%;transform: rotate(-45deg) translateX(-4px) translateY(1px);}
#location .input-checkbox label {display: inline-block;padding-left: 7px;font-size: 11px;vertical-align: middle;}
#location .input-checkbox input[type='checkbox']:checked {background-color: #b60008;}
#location .btn-checktoggle {position: relative;min-width: 50px;height: 31px;border: none;border-radius: 4px;background-color: #797b7d;color: #ffffff;font-size: 15px;text-align: center;overflow: hidden;}
#location .btn-checktoggle:before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;background-color: #676767;}
#location .btn-checktoggle:after {content: 'º¸±â';position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 31px}
#location .btn-checktoggle:checked:after {content: '´Ý±â';}
#location .box-scroll {height: 55px;overflow-y: auto;-webkit-overflow-scrolling: touch;}
#location .box-scroll .contents {padding: 10px;}
#location .article-useragree {padding-bottom: 100px;background-color: #d1d2d4;}
#location .header-useragree {}
#location .header-useragree .title {height: 48px;background-color: #ed1c24;color: #ffffff;font-size: 21px;text-align: center;line-height: 48px}
#location .header-useragree .description {padding: 12px 16px;background-color: #eeeeee;}
#location .header-useragree .description .title-sub {padding: 10px 5px;background-color: #ffffff;font-size: 15px;font-weight: 300;text-align: center;}
#location .main-useragree {padding: 8px 15px;background-color: #d1d2d4;}
#location .main-useragree .sect-useragree {margin-top: 7px;}
#location .main-useragree .sect-useragree::first-child {margin-top: 0;}
#location .sect-useragree {position: relative;}
#location .sect-useragree table {table-layout: fixed;width: 100%;margin-top: 10px;}
#location .sect-useragree table th, .sect-useragree table td {padding: 10px 7px;border: 1px solid #f1f2f4;font-size: 10px;text-align: center;}
#location .sect-useragree table th {background-color: #d1d2d4;}
#location .sect-useragree table td {background-color: #ffffff;text-align: left;}
#location .sect-useragree .header {min-height: 31px;padding: 11px 80px 11px 11px;background-color: #ffffff;}
#location .sect-useragree .header .title {padding-left: 12px;font-size: 14px;text-indent: -12px;}
#location .sect-useragree .btn-checktoggle {position: absolute;right: 11px;top: 11px;}
#location .sect-useragree .body {display: none;padding: 14px 10px;border-bottom: 1px solid #b3b3b4;background-color: #f1f2f4; line-height: 1.4}
#location .sect-useragree .footer {padding: 12px 14px;background-color: #f1f2f4;}
#location .sect-useragree .btn-checktoggle:checked {}
#location .sect-useragree .btn-checktoggle:checked   ~ .body {display: block;}
#location .footer-useragree {position: fixed;bottom: 0;left: 0;box-sizing: border-box;width: 100%;padding: 15px;background-color: #92979c;}
#location .footer-useragree .btn {position: relative;display: inline-block;width: 84px;height: 44px;border-radius: 5px;color: #ffffff;font-size: 14px;text-align: center;overflow: hidden;}
#location .footer-useragree .btn:before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;}
#location .footer-useragree .btn span {position: relative;}
#location .footer-useragree .btn.submit {background-color: #ed1c24;}
#location .footer-useragree .btn.submit:before {background-color: #e2141c;}
#location .footer-useragree .btn.cancel {background-color: #404447;}
#location .footer-useragree .btn.cancel:before {background-color: #353739;}
#location .footer-useragree .wrap-footer {position: relative;padding-right: 180px;}
#location .footer-useragree .wrap-footer .input-checkbox {position: relative;display: block;padding-left: 20px;}
#location .footer-useragree .wrap-footer .input-checkbox input[type='checkbox'] {position: absolute;left: 0;top: 50%;margin-top: -9px;background-color: #ffffff;}
#location .footer-useragree .wrap-footer .input-checkbox input[type='checkbox']:before,
#location .footer-useragree .wrap-footer .input-checkbox input[type='checkbox']:after {background-color: #92979c}
#location .footer-useragree .wrap-footer .input-checkbox input[type='checkbox']:checked{background-color: #b60008;}
#location .footer-useragree .wrap-footer .input-checkbox input[type='checkbox']:checked:before,
#location .footer-useragree .wrap-footer .input-checkbox input[type='checkbox']:checked:after{background-color: #ffffff}
#location .footer-useragree .wrap-footer .input-checkbox label {color: #ffffff;}
#location .footer-useragree .wrap-footer .box-btn {position: absolute;right: -2px;top: 50%;margin-top: -22px}
#location .footer-useragree .wrap-footer .box-btn .btn {margin: 0 2px;}