@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap");

@font-face {
	font-family: "Yu Gothic M";
	src: local("Yu Gothic Medium");
}

/* font-weight: bold の時は通常どおり Bold 書体を使わせる */

@font-face {
	font-family: "Yu Gothic M";
	font-weight: bold;
	src: local("Yu Gothic Bold");
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
picture {
	margin: 0;
	padding: 0;
	border: 0;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
picture,
main {
	display: block;
}

body {
	line-height: 1;
}
body.manual-edit {
	overflow:hidden;
}
ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	height: 100%;
	font-size: 62.5%;
}

body {
	/*font-family: 'Lato', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	color: #475466;
	letter-spacing: 0.05em;
	-webkit-transition: 0.2s padding-top;
	-o-transition: 0.2s padding-top;
	-moz-transition: 0.2s padding-top;
	transition: 0.2s padding-top;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
	font-feature-settings: "palt";
}

.alert {
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}

.alert-heading {
	color: inherit;
}

.alert-link {
	font-weight: 700;
}

.alert-dismissible {
	padding-right: 4rem;
}

.alert-dismissible .close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.75rem 1.25rem;
	color: inherit;
}

.alert-primary {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}

.alert-primary hr {
	border-top-color: #9fcdff;
}

.alert-primary .alert-link {
	color: #002752;
}

.alert-secondary {
	color: #383d41;
	background-color: #e2e3e5;
	border-color: #d6d8db;
}

.alert-secondary hr {
	border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
	color: #202326;
}

.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

.alert-success hr {
	border-top-color: #b1dfbb;
}

.alert-success .alert-link {
	color: #0b2e13;
}

.alert-info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
}

.alert-info hr {
	border-top-color: #abdde5;
}

.alert-info .alert-link {
	color: #062c33;
}

.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}

.alert-warning hr {
	border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
	color: #533f03;
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.alert-danger hr {
	border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
	color: #491217;
}

.alert-light {
	color: #818182;
	background-color: #fefefe;
	border-color: #fdfdfe;
}

.alert-light hr {
	border-top-color: #ececf6;
}

.alert-light .alert-link {
	color: #686868;
}

.alert-dark {
	color: #1b1e21;
	background-color: #d6d8d9;
	border-color: #c6c8ca;
}

.alert-dark hr {
	border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
	color: #040505;
}

body.groupid,
body.login {
	height: 100%;
}

body.groupid #bg-layer,
body.login #bg-layer {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/bg_login_pc.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

a,
a:link,
a:visited,
a:active {
	text-decoration: none;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}

/*
%font-noto-300 {
  @include font-noto(300);
}

%font-noto-400 {
  @include font-noto;
}

%font-noto-700 {
  @include font-noto(700);
}
*/
.description {
	line-height:1.4em;
}
.description strong {
	font-weight: bold;
}
.description ul li {
	list-style-type: disc;
	list-style-position: inside;
}
.description ol li {
	list-style-type:decimal;
	list-style-position: inside;
}
.description a {
	text-decoration: underline;
	color: #38b5df;
}
.Detail__nav,
.Edit__main__sendback,
.Edit__main__head,
.Edit__main__control,
.Setting,
.Task__container {
	padding: 2em 4rem; /*
  @include mq-sp-small {
    padding-left: $space-base / 4;
    padding-right: $space-base / 4;
  }
  */
}

.l-container,
.l-fluid {
	width: 100%;
	margin: 0 auto;
	padding-right: 4rem;
	padding-left: 4rem;
}

.l-container {
	max-width: 1280px;
}

.l-container-s {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding-right: 4rem;
	padding-left: 4rem;
}

.l-offset {
	margin-right: -4rem;
	margin-left: -4rem;
}

.l-fluid {
	max-width: 192rem;
}

.l-nopadding {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.l-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.l-flex.a-center {
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.l-flex.j-center {
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
}

.l-flex.j-between {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
}

.l-flex-sidebar {
	max-width: 25.6rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 25.6rem;
	-moz-box-flex: 0;
	-ms-flex: 0 0 25.6rem;
	flex: 0 0 25.6rem;
}

.l-flex-main {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1;
	-moz-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1;
}

.p-para {
	line-height: 2;
}

.p-center {
	text-align: center;
}

.p-left {
	text-align: left;
}

.p-right {
	text-align: right;
}

.p-boldm,
.p-strong {
	font-weight: 700;
}

.p-lighter {
	font-weight: 100;
}

.p-label {
	display: inline-block;
	padding: 0.5em 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	background: #475466;
	color: #fff;
}

.p-textlink {
	color: #38b5df;
}

.p-fontsize-l {
	font-size: 1.11111em;
}

.p-fontsize-s {
	font-size: 0.88889em;
}

.p-fontsize-ss {
	font-size: 0.77778em;
}

.p-fontsize-sss {
	font-size: 0.66667em;
}

.p-fontsize-50 {
	font-size: .5em;
}
.p-fontsize-25 {
	font-size: .25em;
}

.p-nowrap {
	white-space: nowrap;
}

.p-status {
	display: inline-block;
	padding: 0.175em 0.5em;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
	background: #dbdee6;
	line-height: 1;
	color: #596980;
	letter-spacing: 0;
}

.p-status.primary {
	background: #45bee6;
	color: #fff;
}

.p-status.complete {
	background: #596980;
	color: #fff;
}

.title .p-status {
	margin-left: 0.25em;
	font-size: 0.85em;
	font-weight: 400;
}

.col-accent {
	color: #e65c73 !important;
}

.col-key {
	color: #45bee6 !important;
}

.col-text-key {
	color: #38b5df !important;
}

.col-limit {
	color: #e65c73 !important;
}

.col-gray {
	color: #596980;
}

::-webkit-input-placeholder {
	color: #b8c0cc;
}

:-moz-placeholder {
	color: #b8c0cc;
}

::-moz-placeholder {
	color: #b8c0cc;
}

:-ms-input-placeholder {
	color: #b8c0cc;
}

::-ms-input-placeholder {
	color: #b8c0cc;
}

::placeholder {
	color: #b8c0cc;
}

:-ms-input-placeholder {
	color: #b8c0cc;
}

::-ms-input-placeholder {
	color: #b8c0cc;
}

.f-textarea {
	min-width: 100%;
	max-width: 100%;
	padding: 0.5em;
	border: 1px solid #b8c0cc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	line-height: 1.7;
}

.f-select {
	display: block;
	padding: 0.5em;
	border: 1px solid #b8c0cc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.f-select-container {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}

.f-select-container select {
	display: block;
	padding-right: 3em;
	outline: none;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1;
	-moz-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.f-select-container .label {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 100%;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
	pointer-events: none;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.f-select-container .label:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/create_arrow_gray.svg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	content: '';
}

.f-select-container + .p-lighter {
	margin-top: 1rem;
	line-height: 1.4;
}

.f-input {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	letter-spacing: inherit;
}

.f-input.disabled {
	padding: 0.5em;
	background: transparent !important;
}

.f-input[type="file"] {
	background: transparent !important;
}

.f-input[type="text"],
.f-input[type="date"] {
	padding: 0.5em;
	border: 1px solid #b8c0cc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #f3f5f9;
}

.f-input[type="password"] {
	padding: 0.5em;
	border: 1px solid #b8c0cc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #f3f5f9;
}

.f-input[type="checkbox"] {
	display: none;
}

.f-input[type="checkbox"] + label {
	position: relative;
	display: inline-block;
	width: 1.6rem;
	min-width: 1.6rem;
	height: 1.6rem;
	border: 1px solid #596980;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	vertical-align: bottom;
	cursor: pointer;
}

.f-input[type="checkbox"] + label::after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/check.svg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	content: '';
	opacity: 0;
	-webkit-transition: 0.2s opacity;
	-o-transition: 0.2s opacity;
	-moz-transition: 0.2s opacity;
	transition: 0.2s opacity;
}

.f-input[type="checkbox"]:checked + label::after {
	opacity: 1;
}

.f-input.checkbox-control {
	position: relative;
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
	border: 1px solid #596980;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: bottom;
	cursor: pointer;
}

.f-input.checkbox-control::before,
.f-input.checkbox-control::after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	content: '';
	opacity: 0;
	-webkit-transition: 0.2s opacity;
	-o-transition: 0.2s opacity;
	-moz-transition: 0.2s opacity;
	transition: 0.2s opacity;
}

.f-input.checkbox-control::before {
	background-image: url(../images/check_some.svg);
}

.f-input.checkbox-control::after {
	background-image: url(../images/check.svg);
}

.f-input.checkbox-control.isMax::before {
	opacity: 0;
}

.f-input.checkbox-control.isMax::after {
	opacity: 1;
}

.f-input.checkbox-control.isSome::before {
	opacity: 1;
}

.f-input.checkbox-control.isSome::after {
	opacity: 0;
}

.f-block {
	display: block;
	width: 100%;
}

.Button {
	display: inline-block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	line-height: 1.2;
	cursor: pointer;
}

.Button.block {
	display: block;
	text-align: center;
}

.Button.large {
	padding: 0.75em 1.5em;
}

.Button.regular {
	padding: 0.5em 1em;
}

.Button.small {
	padding: 0.25em 0.5em;
}

.Button.primary {
	background: #45bee6;
	color: #fff;
}

.Button.accent {
	background: #e65c73;
	color: #fff;
}

.Button.col-text-key {
	color: #38b5df;
}

.Button.col-key {
	color: #45bee6;
}

.Button.col-accent {
	color: #e65c73;
}

.Button.border {
	border: 1px solid #b8c0cc;
	background: #fff;
	color: #475466;
}

.Button.icon {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Button.icon img {
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.5em;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 1.5em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 1.5em;
	flex: 0 0 1.5em;
}

.Button.icon.small img {
	width: 1.25em;
	height: 1.25em;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 1.25em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 1.25em;
	flex: 0 0 1.25em;
}

.Button.transparent {
	background: transparent;
	color: #475466;
}

.Button.transparent.key {
	color: #38b5df;
}

.Button.transparent.accent {
	color: #e65c73;
}

.Button.disabled {
	background: #dbdee6;
	color: #fff;
}
button.Button {
	appearance: none;
	border: none;
	width: 100%;
	font-size: 1.8rem;
}
.Header {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	height: 5.6rem;
	background: #fff;
	-webkit-box-shadow: 0 0.1em 0.2em 0.1em rgba(71,84,102,.1);
	-moz-box-shadow: 0 .1em .2em .1em rgba(71,84,102,.1);
	box-shadow: 0 0.1em 0.2em 0.1em rgba(71,84,102,.1);
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
}

.Header .Sidebar__logo {
	width: 25.6rem;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.Header .Sidebar__logo a {
	text-align: center;
}

.Header__back {
	padding-left: 1rem;
}

.Header__back a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	height: 100%;
	font-weight: 700;
	color: #475466;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Header__back a img {
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.5em;
	margin-left: 0.5em;
}

.Header__nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	-ms-flex-align: center;
	height: 100%;
	margin-left: auto;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Header__nav__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: 3.6rem;
}

.Header__nav__item {
	padding-right: 1rem;
	padding-left: 1rem; /*
      .Search {
        height: 100%;

        &__input,
        &__modal {
          border: none;
        }

        &__modal {
          @include mq-sp {
            width: $header-icon-size;
            height: $header-icon-size;
            border-radius: 9999px;
            background-color: $col-gray-lighter;
          }

          &__button {
            @include mq-sp {
              padding: 0;

              &::after {
                display: none;
              }

              img {
                width: 2.4rem;
                height: 2.4rem;
              }
            }
          }
        }
      }
      */ /*
      &+& {
        border-left: 1px solid $col-gray-darker;
      }
      */
}

.Header__nav__item.search {
	display: none;
	padding-right: 0;
	padding-left: 0;
}

.Header__nav__item.search .container {
	display: block;
	width: 3.6rem;
	height: 3.6rem;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
	background: #f3f5f9;
}

.Header__nav__item.search .container img {
	width: 70%;
	margin: 15%;
}

.Header__nav__item a {
	display: block;
}

.Header__nav__item.question img {
	width: 3.6rem;
	height: 3.6rem;
}

.Header__nav__item.account img {
	width: 4.5rem;
	height: 3.6rem;
}

.Header__button {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	width: 5.6rem;
	height: 5.6rem;
}

.Footer {
	padding: 8rem;
	background: #475466;
}

.Footer__copy {
	font-size: 0.77778em;
	line-height: 1.4;
	color: #fff;
	text-align: center;
}

.Wrapper {
	height: 100%;
}

.Sidebar {
	z-index: 1;
	background: #475466;
	color: #fff;
}

.Sidebar__logo {
	position: relative;
	z-index: 1;
	height: 5.6rem;
	-webkit-box-shadow: 0 0.1em 0.2em 0.1em rgba(71, 84, 102, 0.1);
	-moz-box-shadow: 0 0.1em 0.2em 0.1em rgba(71, 84, 102, 0.1);
	box-shadow: 0 0.1em 0.2em 0.1em rgba(71, 84, 102, 0.1);
}

.Sidebar__logo a {
	display: block;
	height: 100%;
	background: #45bee6;
}

.Sidebar__container {
	overflow-y: auto;
	background: #475466;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.Sidebar__container.edit {
	width: 100%; /*
      @include mq-tab {
        width: 25.6rem;
        position: fixed;
        bottom: 0;
        right: -25.6rem;
      }
      */
}

.Sidebar__account {
	position: relative;
	overflow: hidden; /*
    &__inner {
      @include hover {
        transition: $fade-dur opacity;

        &:hover {
          opacity: 0.5;
        }
      }
    }
    */
}

.Sidebar__account::before {
	display: block;
	padding-top: 60%;
	content: '';
}

.Sidebar__account__container {
	position: absolute;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	width: 100%;
	height: 100%;
	padding: 0 1em;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Sidebar__account__image {
	position: relative;
	overflow: hidden;
	width: 8rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #f3f5f9;
}

.Sidebar__account__image::before {
	display: block;
	padding-top: 100%;
	content: '';
}

.Sidebar__account__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.Sidebar__account__text {
	margin: 0 auto;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	max-width: 130px;
	word-wrap: anywhere;
}

.Sidebar__account__text small {
	display: block;
	color: rgba(255, 255, 255, 0.5);
}

#form-user-detail {
	width: 100%;
}
body.manual-edit #form-user-detail {
	width: calc(100% - 25.6rem);
}
.Sidebar__control {
	position: relative;
	max-width: 25.6rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 25.6rem;
	-moz-box-flex: 0;
	-ms-flex: 0 0 25.6rem;
	flex: 0 0 25.6rem;
	max-width: 25.6rem;
}

.Sidebar__control.all {
	position: fixed;
	z-index: 1;
	right: -25.6rem;
	bottom: 0;
	width: 25.6rem;
	-webkit-transition: 0.2s right, 0.2s z-index;
	-o-transition: 0.2s right, 0.2s z-index;
	-moz-transition: 0.2s right, 0.2s z-index;
	transition: 0.2s right, 0.2s z-index;
}

.Sidebar__control.all.isActive {
	right: 0;
}

.Sidebar__control.all.inActive {
	right: -30rem;
}

.Sidebar__control__button {
	position: absolute;
	right: 25.5rem;
	display: none;
	width: 4.4rem;
	height: 4.4rem;
	border-top: 1px solid #b8c0cc;
	border-bottom: 1px solid #b8c0cc;
	border-left: 1px solid #b8c0cc;
	-webkit-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	cursor: pointer;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
}

.Sidebar__control__button::before {
	position: absolute;
	top: 10%;
	right: 10%;
	display: block;
	width: 80%;
	height: 80%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	content: '';
}

.Sidebar__control.all .Sidebar__control__button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Sidebar__control__button.navigation {
	bottom: 1rem;
	border-right: 1px solid #475466;
	background: #475466;
}

.Sidebar__control__button.navigation::before {
	background-image: url(../images/icon_list.svg);
}

.Sidebar__control__button.map {
	bottom: 1rem;
	border-right: 1px solid #475466;
	background: #475466;
}

.Sidebar__control__button.map::before {
	background-image: url(../images/icon_map.svg);
}

.Sidebar__control__button.map .task {
	position: absolute;
	top: -0.75em;
	left: -0.75em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	width: 2em;
	height: 2em;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
	background: #e65c73;
	font-size: 0.75em;
	font-weight: 400;
	color: #fff;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Sidebar__control__button.basic {
	bottom: 6.4rem;
	border-right: 1px solid #fff;
	background: #fff;
}

.Sidebar__control__button.basic::before {
	background-image: url(../images/icon_information.svg);
}

.Sidebar__list {
	overflow: hidden;
	max-width: 100%;
}

.Sidebar__account + .Sidebar__list {
	border-top: 1px solid #596980;
}

.Sidebar__list#expand-list {
	padding-bottom: 5.6rem;
}

.Sidebar__list .item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	height: 100%;
	height: 5.6rem;
	padding: 0 2rem;
	color: #fff;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Sidebar__list .item > .task {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	width: 1.85em;
	max-width: 1.85em;
	height: 1.85em;
	margin-left: 0.5em;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
	background: #e65c73;
	font-size: 0.75em;
	font-weight: 400;
	color: #fff; /*
        background: $col-text-white;
        color: $col-text-key;
        */
	letter-spacing: 0;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 1.85em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 1.85em;
	flex: 0 0 1.85em;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Sidebar__item.isParent > .Sidebar__list {
	overflow: hidden;
}

.Sidebar__item > .item {
	position: relative;
	line-height: 1.2;
	cursor: pointer;
}

.Sidebar__item.task-root.isParent > .item {
	padding-right: 5rem;
}

.Sidebar__container > .Sidebar__list > .Sidebar__item > .item {
	font-weight: 700;
}

.Sidebar__item.isCurrent > .item {
	color: #45bee6;
}

.Sidebar__item.isParent > .Sidebar__list > .Sidebar__item > .item::before {
	width: 1.5em;
	margin-left: -0.5em;
	content: '┗';
	opacity: 0.5;
}

.Sidebar__item.isParent > .item::after {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 5.6rem;
	height: 100%;
	background-image: url(../images/arrow_sidebar.svg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	content: '';
	-webkit-transition: 0.2s opacity, 0.2s -webkit-transform;
	-o-transition: 0.2s opacity, 0.2s -o-transform;
	-moz-transition: 0.2s transform, 0.2s opacity, 0.2s -moz-transform;
	transition: 0.2s opacity, 0.2s -webkit-transform;
	transition: 0.2s transform, 0.2s opacity;
	transition: 0.2s transform, 0.2s opacity, 0.2s -webkit-transform, 0.2s -moz-transform, 0.2s -o-transform;
}

.Sidebar__item.isParent.isActive > .item::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.Sidebar__item.isLast > .item {
	background: #3a4759;
	color: #45bee6;
}

.Sidebar__item.isLast > .item::after {
	position: absolute;
	top: 50%;
	right: -0.5em;
	display: block;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	background: #f3f5f9;
	content: '';
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.Main {
	overflow: hidden;
	background: #f3f5f9;
}

.Main .Header {
	position: relative;
}

.Main__nav {
	padding: 2em 4rem 0;
	border-bottom: 2px solid #45bee6;
	background: #fff;
}

.Main__nav__head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	margin-bottom: 2rem; /*
      .Create {
        @include mq-sp {
          display: none;
        }
      }
      */
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Main__nav__head .Breadcrumb {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto; /*
        @include mq-pc {
          flex: 0 0 100%;
          margin-bottom: 2rem;
        }
        */
}

.Main__nav__head .Search {
	margin-left: auto;
}

.Main__content {
	overflow-y: auto;
	padding: 1em 4rem;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.Main__content__button {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-ms-flex-align: center;
	padding: 0.5em 0.75em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-weight: 700;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.Main__content__button::before,
.Main__content__button .inner::before {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.5em;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	content: '';
}

.Main__content__button + .Main__content__button {
	margin-left: 0.5em;
}

.Main__content__button .inner {
	position: absolute;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	width: 100%;
	height: 100%;
	padding: 0.5em 0.75em;
	color: #fff;
	opacity: 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Main__content__button.primary {
	color: #38b5df;
}

.Main__content__button.primary::before {
	background-image: url(../images/icon_edit.svg);
}

.Main__content__button.primary .inner {
	background: #45bee6;
}

.Main__content__button.primary .inner::before {
	background-image: url(../images/icon_edit_on.svg);
}

.Main__content__button.accent {
	color: #e65c73;
}

.Main__content__button.accent::before {
	background-image: url(../images/icon_delete.svg);
}

.Main__content__button.accent .inner {
	background: #e65c73;
}

.Main__content__button.accent .inner::before {
	background-image: url(../images/icon_delete_on.svg);
}

.Main__content__button.folder {
	color: #475466;
}

.Main__content__button.folder::before {
	background-image: url(../images/icon_setting.svg);
}

.Main__content__button.folder .inner {
	background: #596980;
}

.Main__content__button.folder .inner::before {
	background-image: url(../images/icon_setting_on.svg);
}

.Main__content__button.pause {
	color: #475466;
}

.Main__content__button.pause::before {
	background-image: url(../images/icon_pause.svg);
}

.Main__content__button.pause .inner {
	background: #596980;
}

.Main__content__button.pause .inner::before {
	background-image: url(../images/icon_pause_on.svg);
}

.Main__content__button.copy {
	display: none;
	color: #475466;
}

.Main__content__button.copy::before {
	background-image: url(../images/icon_copy.svg);
}

.Main__content__button.backup {
	display: none;
	color: #475466;
}

.Main__content__button.backup::before {
	background-image: url(../images/icon_backup.svg);
}
.Main__content__button.subfolder {
	color: #475466;
}
.Main__content__button.subfolder::before {
	background-image: url(../images/icon_subfolder.svg);
}
.Main__content__button.subfolder .inner {
	background: #596980;
}
.Login {
	position: relative;
	padding: 6rem 0 4rem;
	opacity: 0;
	-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
	-o-transition: opacity 0.8s, -o-transform 0.8s;
	-moz-transition: opacity 0.8s, transform 0.8s, -moz-transform 0.8s;
	transition: opacity 0.8s, -webkit-transform 0.8s;
	transition: opacity 0.8s, transform 0.8s;
	transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s, -moz-transform 0.8s, -o-transform 0.8s;
	-webkit-transform: translateY(10%);
	-moz-transform: translateY(10%);
	-ms-transform: translateY(10%);
	-o-transform: translateY(10%);
	transform: translateY(10%);
}

.Login.isActive {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.Login__logo {
	max-width: 60rem;
	margin: 0 auto;
	text-align: center; /*

    @include mq-sp-small {
      margin: 2rem auto 0;
    }
    */
}

.Login__container {
	overflow: hidden;
	max-width: 60rem;
	margin: 0 auto;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #fff;
}

.Login__container__head {
	padding: 1em;
	background: #475466;
	font-size: 1.11111em;
	font-weight: 700;
	color: #fff;
	text-align: center;
}

.Login__container__body {
	padding: 4rem 0;
}

.Login__container__body form {
	margin-top: 4rem;
}

.Login__container__body .p-center {
	line-height: 1.4;
}

.Login__container__body > .l-container {
	max-width: 48rem;
}

.Login__thumbnail {
	position: relative;
	width: 9.6rem;
	margin: 0 auto;
}

.Login__thumbnail::before {
	display: block;
	padding-top: 100%;
	content: '';
}

.Login__thumbnail__figure {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	border: 1px solid #b8c0cc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.Breadcrumb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	min-height: 1.75em;
	font-size: 1.22222em;
	font-weight: 700;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Breadcrumb.small {
	min-height: 2.25em;
	font-size: 0.88889em;
}

.Breadcrumb__back {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	max-width: 1.75em;
	height: 1.75em;
	margin-right: 1em;
	border: 1px solid #475466;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
	background: #fff;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 1.75em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 1.75em;
	flex: 0 0 1.75em;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
}

.Breadcrumb.small .Breadcrumb__back {
	max-width: 2.4em;
	height: 2.4em;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 2.4em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 2.4em;
	flex: 0 0 2.4em;
}

.Breadcrumb.small .Breadcrumb__back img {
	max-width: 1.7em;
	height: 1.7em;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 1.7em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 1.7em;
	flex: 0 0 1.7em;
}

.Breadcrumb__back img {
	max-width: 1.25em;
	height: 1.25em;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 1.25em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 1.25em;
	flex: 0 0 1.25em;
}

.Breadcrumb__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	-ms-flex-align: center;
	padding: 0.25em 0;
	white-space: nowrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.Breadcrumb__item {
	color: #596980;
}

.Breadcrumb__item a {
	color: #38b5df;
}

.Breadcrumb__item + .Breadcrumb__item::before {
	display: inline-block;
	margin: 0 1em;
	content: '/';
	opacity: 0.5;
}

.Tab__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	overflow-x: auto;
	font-size: 0.77778em;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.Tab__item {
	-webkit-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	white-space: nowrap;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
}

.Tab__item.isCurrent {
	background: #45bee6;
	font-weight: 700;
	color: #fff;
}

.Tab__item a {
	display: block;
	color: #475466;
}

.Tab__item.isCurrent,
.Tab__item a {
	padding: 1.5rem 4rem;
}

.Tab__item .link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	height: 100%;
	padding: 0 2rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Pagenavi {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	margin-bottom: 1em;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	justify-content: flex-end;
	padding: 0 1%;
}

.Pagenavi:last-of-type {
	margin-top: 1em;
}

.Pagenavi > * {
	font-size: 0.66667em;
}

.Pagenavi__text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Pagenavi__link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	margin-left: 1rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Pagenavi__link > * {
	display: block;
	width: 2em;
	height: 1.5em;
	border: 1px solid #475466;
	background: #fff;
}

.Pagenavi__link > *::before {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/pagenavi_arrow.svg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	content: '';
}

.Pagenavi__link > *.disabled::before {
	opacity: 0.5;
}

.Pagenavi__link .prev {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
}

.Pagenavi__link .prev::before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.Pagenavi__link .next {
	margin-left: -1px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
}

.Pagenavi__link .next::before {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.Search {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: 3.6rem;
	font-size: 0.88889em;
}

.Search + .Create {
	margin-left: 2rem;
}

.Create + .Create {
	margin-left: 2rem;
}

.Search__container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 5.6rem;
	padding: 1rem 2rem 0.9rem;
	border-bottom: 1px solid #dbdee6;
	background: #fff;
	-webkit-transition: 0.2s top;
	-o-transition: 0.2s top;
	-moz-transition: 0.2s top;
	transition: 0.2s top;
}

.Search__input {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	width: 65%;
	padding: 0 1em;
	-webkit-border-top-left-radius: 9999px;
	border-top-left-radius: 9999px;
	-webkit-border-bottom-left-radius: 9999px;
	border-bottom-left-radius: 9999px;
	background: #f3f5f9;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-moz-border-radius-topleft: 9999px;
	-moz-border-radius-bottomleft: 9999px;
}

.Search.no-detail .Search__input {
	width: 100%;
	-webkit-border-top-right-radius: 9999px;
	border-top-right-radius: 9999px;
	-webkit-border-bottom-right-radius: 9999px;
	border-bottom-right-radius: 9999px;
	-moz-border-radius-topright: 9999px;
	-moz-border-radius-bottomright: 9999px;
}

.Search__input::before {
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.5em;
	background-image: url(../images/icon_search.svg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	content: '';
}

.Search__input input {
	width: 15em;
	border: none;
	outline: none;
	background: transparent;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}

.Search__modal {
	width: 35%;
	-webkit-border-top-right-radius: 9999px;
	border-top-right-radius: 9999px;
	-webkit-border-bottom-right-radius: 9999px;
	border-bottom-right-radius: 9999px;
	background: #dbdee6;
	-moz-border-radius-topright: 9999px;
	-moz-border-radius-bottomright: 9999px;
}

.Search__modal__button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	height: 100%;
	padding: 0 1em;
	font-weight: 700;
	cursor: pointer;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
}

.Search__modal__button:not(.no-arrow)::after {
	display: block;
	width: 1.5em;
	height: 1.5em;
	background-image: url(../images/pagenavi_arrow.svg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	content: '';
}

.Create {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: 4.8rem;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #45bee6;
	font-size: 0.88889em;
	color: #fff;
}

.Create__button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	height: 100%;
	padding: 0 1em;
	font-weight: 700;
	color: inherit;
	cursor: pointer;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Create__button img {
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.5em;
}

.Create__modal {
	position: relative;
}

.Create__modal::before {
	position: absolute;
	top: 10%;
	left: 0;
	display: block;
	width: 1px;
	height: 80%;
	background: rgba(255, 255, 255, 0.5);
	content: '';
}

.Create__modal__button {
	width: 4.8rem;
	cursor: pointer;
}

.Table {
	width: 100%;
	max-width: 100%;
	margin: 1em 0;
	background: #fff;
}

.Table > thead,
.Table > tfoot {
	font-size: 0.77778em;
}

.Table > tbody {
	font-size: 0.88889em;
}

.Table thead .sort,
.Table tfoot .sort {
	display: inline-block;
	margin-left: 0.5em;
	cursor: pointer;
}

.Table thead .sort img,
.Table tfoot .sort img {
	width: 1em;
	height: 1em;
}

.Table thead .sort.sort-asc img,
.Table tfoot .sort.sort-asc img {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.Table thead .sort.sort-desc img,
.Table tfoot .sort.sort-desc img {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.Table thead tr,
.Table tfoot tr {
	max-width: 100%;
}

.Table tbody tr {
	max-width: 100%;
}

.Table tbody tr.folder .image {
	position: relative;
}

.Table tbody tr.folder .image img,
.Table tbody tr.folder .image::after {
	position: absolute;
	top: 15%;
	left: 15%;
	width: 70%;
	height: 70%;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	border-radius: 0.4rem;
	/*background-image: url(../images/thumb_folder_bg.png);*/
}

.Table tbody tr.folder .image::after {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	content: '';
}

.Table tbody tr.folder .image:not(.exist)::before {
	position: absolute;
	top: 15%;
	left: 15%;
	width: 70%;
	height: 70%;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	border-radius: 0.4rem;
	background-color: #f3f5f9;
	content: '';
}

.Table tbody tr.folder .image.exist::after {
	background-image: url(../images/thumb_folder_layer.png);
}

.Table tbody tr.team .image {
	position: relative;
}

.Table tbody tr.team .image img,
.Table tbody tr.team .image::after {
	position: absolute;
	top: 15%;
	left: 15%;
	width: 70%;
	height: 70%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-image: url(../images/thumb_team_bg.png);
}

.Table tbody tr.team .image::after {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	content: '';
}

.Table tbody tr.team .image.exist::after {
	background-image: url(../images/thumb_team_layer.png);
}

.Table tbody tr.user .image {
	position: relative;
}

.Table tbody tr.user .image img,
.Table tbody tr.user .image::after {
	position: absolute;
	top: 15%;
	left: 15%;
	width: 70%;
	height: 70%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-image: url(../images/thumb_user_bg.png);
}

.Table tbody tr.user .image::after {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	content: '';
}

.Table tbody tr.user .image.exist::after {
	display: none; /*
              background-image: url(../images/thumb_user_layer.png);

              @include retina {
                background-image: url(../images/thumb_user_layer@2x.png);
              }
              */
}

.Table tbody tr td:last-of-type {
	padding-left: 0;
}

.Table tbody tr td.table-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	width: 100%;
	min-height: 6rem;
	padding: 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Table tbody tr td.table-info a,
.Table tbody tr td.table-info .link {
	overflow: hidden;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.Table tbody tr td.table-info .table-button {
	display: none;
	margin-left: auto;
	cursor: pointer;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.Table tbody tr td.table-info .table-button img {
	width: auto;
	max-width: auto;
	height: 8rem;
}

.Table tbody tr td.table-control .l-flex {
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	justify-content: flex-end;
	align-items: center;
}

.Table tbody tr td.table-control .hover-button {
	width: 2em;
}

.Table tbody tr td.table-control .hover-button img {
	/*height: 100%;*/
}

.Table tbody .image {
	height: 8rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 8rem;
	-moz-box-flex: 0;
	-ms-flex: 0 0 8rem;
	flex: 0 0 8rem;
}

.Table tbody .image img {
	object-fit: cover;
	width: 80px;
	height: 80px;

}

.Table tbody .container {
	margin-left: 1em;
}

.Table tbody .progress {
	position: relative;
	display: none;
	height: 3em;
	margin-left: auto;
	color: #596980;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 3em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 3em;
	flex: 0 0 3em;
}

.Table tbody .progress.complete {
	color: #38b5df; /*
        &::after {
          content: '完了';
          display: block;
          width: 2.5em;
          line-height: 1.5;
          height: 1.5em;
          background: $col-key;
          font-weight: 700;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -1.25em;
          margin-top: -0.75em;
          color: $col-text-white;
          text-align: center;
          transform: rotate(-15deg);
        }
        */
}

.Table tbody .progress.complete::before {
	background: #38b5df;
}

.Table tbody .progress::before {
	position: absolute;
	top: 50%;
	display: block;
	width: 100%;
	height: 1px;
	margin-top: -0.5px;
	background: #596980;
	content: '';
	opacity: 0.5;
}

.Table tbody .progress .now,
.Table tbody .progress .max {
	position: absolute;
	width: 100%;
	font-size: 1.25em;
	text-align: center;
}

.Table tbody .progress .now {
	top: 0;
	left: 0;
}

.Table tbody .progress .max {
	right: 0;
	bottom: 0;
}

.Table tbody .title {
	overflow: hidden;
	max-height: 2.4em;
	font-weight: 700;
	line-height: 1.2;
	color: #475466;
}

.Table tbody .desc {
	overflow: hidden;
	max-height: 2.8em;
	margin-top: 0.25em;
	font-size: 0.8125em;
	line-height: 1.4;
	color: #000;
}
.Table tbody .desc p {
	line-break: anywhere;
}
.Table tbody .data__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	display: none;
	-ms-flex-align: center;
	margin-top: 0.5em;
	font-size: 0.8125em;
	color: #596980;
	opacity: 0.75;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Table tbody .data__list.text {
	font-size: 0.875em;
}

.Table tbody .data__list.text .data__item::before {
	display: none;
}

.Table tbody .data__list.text .data__item + .data__item {
	margin-top: 0.25em;
	margin-left: 0;
}

.Table tbody .data__list.checkbox {
	font-size: 0.875em;
}

.Table tbody .data__list.checkbox .data__item::before {
	display: none;
}

.Table tbody .data__list.checkbox .data__item.isActive {
	font-weight: 700;
	color: #38b5df;
}

.Table tbody .data__list .data__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Table tbody .data__list .data__item::before {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.5em;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	content: '';
}

.Table tbody .data__list .data__item + .data__item {
	margin-left: 1em;
}

.Table tbody .data__list .data__item.comment::before {
	background-image: url(../images/icon_table_comment.svg);
}

.Table tbody .data__list .data__item.views::before {
	background-image: url(../images/icon_table_views.svg);
}

.Table tbody .data__list .data__item.views::after {
	margin-left: 0.5em;
	content: ' views';
}

.Table tbody .data__list .data__item.goodjob::before {
	background-image: url(../images/icon_table_goodjob.svg);
}

.Table tbody .Button + .Button {
	margin-left: 0.5em;
}

.Table.folder tbody .desc {
	max-height: 1.4em;
}

.Table tr {
	border-bottom: 2px solid #f3f5f9;
}

.Table tr.add-comment.approval .table-info a .container::after,
.Table tr.add-comment.approval .table-info .link .container::after {
	display: inline-block;
	margin-top: 0.5em;
	padding: 0.3em 0.6em;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
	background: #596980;
	font-size: 0.55556em;
	font-weight: 700;
	color: #fff;
	content: '承認ワークフロー';
}

.Table tr.add-comment.device .table-info a .container .title,
.Table tr.add-comment.device .table-info .link .container .title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	max-height: 9999px;
	line-height: 1.4;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.Table tr.add-comment.device .table-info a .container .title::after,
.Table tr.add-comment.device .table-info .link .container .title::after {
	display: inline-block;
	padding: 0.3em 0.6em;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
	background: #596980;
	font-size: 0.55556em;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	content: '現在お使いの端末';
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.Table tr.add-comment.default .table-info a .container .title,
.Table tr.add-comment.default .table-info .link .container .title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	max-height: 9999px;
	line-height: 1.4;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.Table tr.add-comment.default .table-info a .container .title::after,
.Table tr.add-comment.default .table-info .link .container .title::after {
	display: inline-block;
	padding: 0.3em 0.6em;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
	background: #596980;
	font-size: 0.55556em;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	content: 'デフォルト';
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.Table tr.add-comment.outer .table-info a .container .title,
.Table tr.add-comment.outer .table-info .link .container .title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	max-height: 9999px;
	line-height: 1.4;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.Table tr.add-comment.outer .table-info a .container .title::after,
.Table tr.add-comment.outer .table-info .link .container .title::after {
	display: inline-block;
	padding: 0.3em 0.6em;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
	background: #596980;
	font-size: 0.55556em;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	content: '外部公開';
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.Table.task tbody tr td .title {
	max-height: 9999px;
}

.Table.task tbody tr td.table-info {
	height: 100%;
}

.Table.task tbody tr td.table-info a {
	height: 100%;
}

.Table th,
.Table td {
	padding: 1em;
	vertical-align: middle;
}

.Modal__global,
.Modal__common,
.Modal__search,
.Modal__step,
.Modal__manual,
.Modal__control,
.Modal__clip {
	padding: 2rem;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #fff;
	-webkit-box-shadow: 0 0.25em 0.5em 0 rgba(71, 84, 102, 0.25);
	-moz-box-shadow: 0 0.25em 0.5em 0 rgba(71, 84, 102, 0.25);
	box-shadow: 0 0.25em 0.5em 0 rgba(71, 84, 102, 0.25);
}

.Modal__global > *,
.Modal__common > *,
.Modal__search > *,
.Modal__step > *,
.Modal__manual > *,
.Modal__control > *,
.Modal__clip > * {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.Modal .f-input {
	border: none;
	background: #f3f5f9;
}

.Modal > * {
	position: fixed; /*
    &.arrow {
      &::after {
        content: '';
        display: block;
        width: 1em;
        height: 1em;
        transform: rotate(45deg);
        position: absolute;
        background: $col-text-white;
        right: 7%;
        top: -0.4em;
      }
    }
    */
	z-index: 1;
	display: none;
}

.Modal a {
	display: block;
}

.Modal__layer {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.Modal__layer.dark {
	background-color: rgba(71, 84, 102, 0.4);
}

.Modal__close__button {
	position: absolute;
	bottom: -3em;
	left: 50%;
	width: 2em;
	height: 2em;
	margin-left: -1em;
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
}

.Modal__close__button::before,
.Modal__close__button::after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	display: block;
	width: 1em;
	height: 2px;
	margin-top: -1px;
	margin-left: -0.5em;
	background: #fff;
	content: '';
}

.Modal__close__button::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.Modal__close__button::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.Modal__global { /*
    &__account {
      display: flex;
      align-items: center;

      .image {
        flex: 0 0 3em;
        max-width: 3em;
        border-radius: 50%;
        overflow: hidden;
      }

      .head {
        flex: 1 1 0%;
        max-width: 1 1 0%;
        padding-left: 1em;
        font-weight: 700;
      }
    }
    */
}

.Modal__global__list {
	padding: 1em 0;
	border-bottom: 1px solid #b8c0cc;
}

.Modal__global__list:not(.account) {
	font-size: 0.83333em;
}

.Modal__global__list:first-of-type {
	padding-top: 0;
}

.Modal__global__list:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
}

.Modal__global__item {
	margin-bottom: 1em;
	line-height: 1.4;
	color: #475466;
}

.Modal__global__list.account .Modal__global__item a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Modal__global__list.account .Modal__global__item .image {
	overflow: hidden;
	max-width: 3em;
	height:3em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 3em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 3em;
	flex: 0 0 3em;
}
.Modal__global__list.account .Modal__global__item .image img {
	height:3em;
	object-fit: cover;
}

.Modal__global__list.account .Modal__global__item .head {
	max-width: 1 1 0%;
	padding-left: 1em;
	font-weight: 700;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1;
	-moz-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1;
}

.Modal__global__list.account .Modal__global__item .head .small {
	display: block;
	font-size: 0.6em;
	font-weight: 400;
	color: #596980;
}

.Modal__global__item.isCurrent {
	color: #38b5df;
}

.Modal__global__item.isCurrent::before {
	content: ' - ';
}

.Modal__global__item:last-of-type {
	margin-bottom: 0;
}

.Modal__global__item a {
	display: block;
	color: inherit;
}

.Modal__common__list {
	font-size: 0.88889em;
	line-height: 1.4;
}

.Modal__common__item {
	margin-bottom: 1em;
}

.Modal__common__item:last-of-type {
	margin-bottom: 0;
}

.Modal__common__item a {
	color: #475466;
}

.Modal__common__item .Button.icon {
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	justify-content: flex-start;
}

.Modal__common__item__list {
	padding: 1em 0 0 1em;
}

.Modal__search__head {
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid #b8c0cc;
	font-weight: 700;
	line-height: 1.4;
}

.Modal__search__list {
	padding: 1em 0;
	font-size: 0.94444em;
	line-height: 1.4;
}

.Modal__search__list:first-of-type {
	padding-top: 0;
}

.Modal__search__list:last-of-type {
	padding-bottom: 0;
}

.Modal__search__list + .Modal__search__list {
	border-top: 1px solid #b8c0cc;
}

.Modal__search__item {
	margin-bottom: 1.5em;
}

.Modal__search__item:last-of-type {
	margin-bottom: 0;
}

.Modal__search__item__head {
	margin-bottom: 0.5em;
	font-size: 0.88235em;
	font-weight: 700;
}

.Modal__search__item a {
	color: inherit;
}

.Modal__search__item .list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Modal__search__item .list .item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	margin-right: 1em;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Modal__search__item .list .item:last-of-type {
	margin-right: 0;
}

.Modal__search__item .list .item [type="radio"],
.Modal__search__item .list .item input[type="radio" i] {
	margin: 0 0.25em 0 0;
}

.Modal__search__foot {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid #b8c0cc;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
}

.Modal__search__foot .Button {
	max-width: 47.5%;
	white-space: nowrap;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 47.5%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 47.5%;
	flex: 0 0 47.5%;
}

.Modal__search__foot .Button.large {
	padding: 0.75em;
	text-align: center;
}

.Modal__step__head {
	font-size: 1.11111em;
	font-weight: 700;
	line-height: 1.2;
}

.Modal__step__list {
	padding: 1em 0;
	line-height: 1.4;
}

.Modal__step__list:first-of-type {
	padding-top: 0;
}

.Modal__step__list:last-of-type {
	padding-bottom: 0;
}

.Modal__step__list + .Modal__step__list {
	border-top: 1px solid #b8c0cc;
}

.Modal__step__item {
	margin-bottom: 1em;
}

.Modal__step__item:last-of-type {
	margin-bottom: 0;
}

.Modal__step__item__head {
	margin-bottom: 0.5em;
	font-weight: 700;
}

.Modal__step__item__head + * {
	font-size: 0.88889em;
}

.Modal__step__item a {
	color: inherit;
}

.Modal__step__item .Button.icon {
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	justify-content: flex-start;
}

.Modal__manual__head { /*
      font-size: (20/18) + (em);
      line-height: 1.2;
      font-weight: 700;
      */
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid #b8c0cc;
	font-weight: 700;
	line-height: 1.4;
}

.Modal__manual__head__small {
	display: block;
	margin-top: 0.5em;
	font-size: 0.77778em;
	font-weight: 400;
	color: #596980;
}

.Modal__manual__body {
	font-size: 0.94444em;
}

.Modal__manual__body label {
	display: block;
	font-size: 0.88235em;
	font-weight: 700;
}

.Modal__manual__body select {
	display: block;
	width: 100%;
	border: none;
	background: #f3f5f9;
}

.Modal__manual__body label.checkbox-label {
	display: inline;
}

.Modal__manual__body .f-input {
	width: 100%;
}

.Modal__manual__body__container label {
	margin-bottom: 0.5em;
}

.Modal__manual__body__container + .Modal__manual__body__container {
	margin-top: 1.5em;
}

.Modal__manual__foot {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid #b8c0cc;
}

.Modal__manual__foot .Button {
	width: 100%;
	text-align: center;
}

.Modal__manual__foot .Button + .Button {
	margin-top: 0.5em;
}

.Modal__control__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.Modal__control__list__sub {
	overflow: hidden;
}

.Modal__control__list + .Modal__control__list__sub {
	margin-top: 1.5em;
	border-top: 1px solid #dbdee6;
}

.Modal__control__list .Modal__control__item {
	margin-right: 4%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 22%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 22%;
	flex: 0 0 22%;
}

.Modal__control__list .Modal__control__item:nth-of-type(n+5) {
	margin-top: 1em;
}

.Modal__control__list .Modal__control__item:nth-of-type(4n) {
	margin-right: 0;
}

.Modal__control__list .Modal__control__item a {
	text-align: center;
}

.Modal__control__list .Modal__control__item a .text {
	position: relative;
	display: block;
	width: 110%;
	margin-top: 0.5em;
	font-size: 0.83333em;
}

.Modal__control__list .Modal__control__item .container {
	width: 80%;
	margin-left: 10%;
	border: 1px solid rgba(255, 255, 255, 0);
}

.Modal__control__list .Modal__control__item.border .container {
	border: 1px solid #475466;
}

.Modal__control__list .Modal__control__item.key .container {
	background: #45bee6;
}

.Modal__control__list .Modal__control__item.disabled {
	pointer-events: none;
	opacity: 0.5;
}

.Modal__control__list .Modal__control__item.accent .container {
	background: #e65c73;
}

.Modal__control__list .Modal__control__item.task {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	margin-right: 1em;
	margin-left: 0;
	border-right: 1px solid #dbdee6;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 26%;
	-moz-box-flex: 1;
	-ms-flex: 1 0 26%;
	flex: 1 0 26%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Modal__control__list .Modal__control__item.task .Task__info__limit {
	margin-top: 0.5em;
	line-height: 1.4;
}

.Modal__control__list .Modal__control__item.task .container {
	width: 3em;
	margin-left: 0;
	border: none;
	background: transparent;
}

.Modal__control__list .Modal__control__item.task .text {
	margin-left: 1em;
	line-height: 1.4;
}

.Modal__control__list .Modal__control__item.task .text .p-fontsize-ss {
	color: #b8c0cc;
}

.Modal__control__list .Modal__control__item.task + .Modal__control__item {
	margin-right: 0;
}

.Modal__control__list__sub .Modal__control__item {
	border-bottom: 1px solid #dbdee6;
}

.Modal__control__list__sub .Modal__control__item:last-of-type {
	border-bottom: none;
}

.Modal__control__list__sub .Modal__control__item a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	padding: 0.5em 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
}

.Modal__control__list__sub .Modal__control__item a .text {
	padding: 0.175em 0;
	text-align: left;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.Modal__control__list__sub .Modal__control__item a img {
	height: 1.75em;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 1.75em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 1.75em;
	flex: 0 0 1.75em;
}

.Modal__control__item a {
	display: block;
}

.Modal__control__item a .container {
	position: relative;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
	background: #fff;
}

.Modal__control__item a .container::before {
	display: block;
	padding-top: 100%;
	content: '';
}

.Modal__control__item a .container img {
	position: absolute;
	top: 20%;
	left: 20%;
	width: 60%;
	height: 60%;
}

.Modal__control__item a .text {
	line-height: 1.4;
	color: #475466;
}

.Modal__clip__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dashed #dbdee6;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Modal__clip__item:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.Modal__clip__item__head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 2.6em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 2.6em;
	flex: 0 0 2.6em;
}

.Modal__clip__item__body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Modal__clip__item__body .check {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 2em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 2em;
	flex: 0 0 2em;
}

.Modal__clip__item__body .image {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 20em;
	-moz-box-flex: 0;
	-ms-flex: 0 1 20em;
	flex: 0 1 20em;
}

.Modal__clip__item__body .container {
	padding-left: 1em;
}

.Modal__clip__item__body .title {
	font-weight: 700;
}

.Modal__clip__item__body .p-para {
	margin-top: 0.5em;
	font-size: 0.88889em;
	line-height: 1.4;
	color: #596980;
}

.Modal__clip__foot {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #b8c0cc;
}

.Modal__clip__foot > * {
	margin-right: 1em;
}

.Modal__progress__head {
	margin-bottom: 1em;
	font-weight: 700;
	line-height: 1.4;
}

.Modal__progress__chart {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Modal__progress__chart .text {
	max-width: 40%;
	line-height: 1.4;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 40%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
}

.Modal__progress__chart .text .percentage {
	font-size: 2em;
}

.Modal__progress__chart .chart {
	position: relative;
	max-width: 60%;
	padding-left: 1em;
	border-left: 1px solid #dbdee6;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 60%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 60%;
	flex: 0 0 60%;
}

.Modal__progress__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.Modal__progress__item {
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}

.Modal__progress__item:last-of-type {
	margin-right: 0;
}

.Modal__progress__detail {
	padding: 1em;
	background: #f3f5f9;
}

.Modal__progress__detail__list {
	font-size: 0.88889em;
	line-height: 1.4;
}

.Modal__progress__detail__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1em;
}

.Modal__progress__detail__item:last-of-type {
	margin-bottom: 0;
}

.Modal__progress__detail__item .head {
	font-weight: 700;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 30%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 30%;
	flex: 0 0 30%;
}

.Modal__progress__detail__item .body {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 70%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 70%;
	flex: 0 0 70%;
}

.Modal__progress__detail__item.folder {
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Modal__progress__detail__item.folder .body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Modal__progress__detail__item.folder .body img {
	width: 2em;
	height: 2em;
	margin-right: 0.5em;
}

.Modal__sendback__head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #b8c0cc;
	font-weight: 700;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Modal__sendback__head img {
	width: 2em;
	height: 2em;
	margin: 0 0.5em;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 2em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 2em;
	flex: 0 0 2em;
}

.Modal__sendback__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 2em;
}

.Modal__sendback__item {
	max-width: 50%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
}

.Modal__sendback__item:nth-of-type(1) {
	padding-right: 1em;
}

.Modal__sendback__item:nth-of-type(2) {
	padding-left: 1em;
	border-left: 1px dashed #dbdee6;
}

.Modal__sendback__item .list {
	font-size: 0.88889em;
	color: #596980;
}

.Modal__sendback__item .list .item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	margin-bottom: 0.5em;
	line-height: 1.4;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Modal__sendback__item .list .item:last-of-type {
	margin-bottom: 0;
}

.Modal__sendback__item .list .item::before {
	display: block;
	width: 0.25em;
	height: 0.25em;
	margin-right: 0.25em;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
	background: #596980;
	content: '';
}

.Switch {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	-ms-flex-align: center;
	width: 100%;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Switch .text {
	margin-left: 1em;
}

.Switch.start {
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	justify-content: flex-start;
}

.Switch__checkbox {
	display: none;
}

.Switch__container {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	width: 8.5em;
	padding: 2px;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
	background: #dbdee6;
	cursor: pointer;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 8.5em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 8.5em;
	flex: 0 0 8.5em;
}

.Switch__container > * {
	white-space: nowrap;
	-webkit-transition: 0.2s -webkit-box-flex, 0.2s -webkit-flex;
	-o-transition: 0.2s flex;
	-moz-transition: 0.2s flex, 0.2s -moz-box-flex;
	transition: 0.2s -webkit-box-flex, 0.2s -webkit-flex;
	transition: 0.2s flex;
	transition: 0.2s flex, 0.2s -webkit-box-flex, 0.2s -webkit-flex, 0.2s -moz-box-flex, 0.2s -ms-flex;
}

.Switch__container::after {
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 45%;
	display: block;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
	background: #fff;
	content: '';
	-webkit-transition: 0.2s left, 0.2s right;
	-o-transition: 0.2s left, 0.2s right;
	-moz-transition: 0.2s left, 0.2s right;
	transition: 0.2s left, 0.2s right;
}

.Switch__checkbox:checked + .Switch__container::after {
	right: 45%;
	left: 2px;
}

.Switch__left {
	padding: 0.5em 0 0.5em 1em;
	-webkit-border-top-left-radius: 9999px;
	border-top-left-radius: 9999px;
	-webkit-border-bottom-left-radius: 9999px;
	border-bottom-left-radius: 9999px;
	background: #f3f5f9;
	text-align: left;
	-moz-border-radius-topleft: 9999px;
	-moz-border-radius-bottomleft: 9999px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 60%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 60%;
	flex: 0 0 60%;
}

.Switch__checkbox:checked + .Switch__container .Switch__left {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 40%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
}

.Switch__right {
	padding: 0.5em 1em 0.5em 0;
	-webkit-border-top-right-radius: 9999px;
	border-top-right-radius: 9999px;
	-webkit-border-bottom-right-radius: 9999px;
	border-bottom-right-radius: 9999px;
	background: #45bee6;
	color: #fff;
	text-align: right;
	-moz-border-radius-topright: 9999px;
	-moz-border-radius-bottomright: 9999px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 40%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
}

.Switch__checkbox:checked + .Switch__container .Switch__right {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 60%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 60%;
	flex: 0 0 60%;
}

.Access {
	padding: 1em 1em 0.5em;
	background: #f3f5f9;
}

.Access.reverse {
	background: #fff;
}

.Access__head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.Access__head .f-input {
	border-right: none;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	background: #fff;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
}

.Access__head .Button {
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
}

.Access__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 0.5em;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.Access__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	margin-right: 0.25em;
	margin-bottom: 0.25em;
	padding: 0.25em 0.5em;
	border: 1px solid #dbdee6;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;
	background: #fff;
	font-size: 0.88889em;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Access__item .button {
	position: relative;
	width: 1em;
	height: 1em;
	margin-left: 0.25em;
}

.Access__item .button::before,
.Access__item .button::after {
	position: absolute;
	top: 50%;
	left: 20%;
	display: block;
	width: 60%;
	height: 1px;
	margin-top: -0.5px;
	background: #596980;
	content: '';
}

.Access__item .button::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.Access__item .button::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.Paint {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	display: none;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	width: 100%;
	height: 100%;
	background: rgba(71, 84, 102, 0.75);
	color: #fff;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
}

.Paint__container {
	width: 100%;
	max-width: 102.4rem;
	height: 100%;
	max-height: 80rem;
	margin: 0 auto;
}

.Paint__head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	height: 10%;
	border-bottom: 1px solid #fff;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Paint__head__head {
	margin-right: 5%;
	/*padding-left: 1em;*/
	font-weight: 700;
	line-height: 1.4;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 80%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 80%;
	flex: 0 0 80%;
}

.Paint__head__button {
	height: 100%;
	padding: 0.5em 0;
	text-align: center;
	cursor: pointer;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 15%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 15%;
	flex: 0 0 15%;
}

.Paint__head__button img {
	width: 40%;
	min-width: 3em;
	height: 100%;
}

.Paint__body {
	height: 80%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
}

.Paint__foot {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	height: 10%;
	border-top: 1px solid #fff;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Paint__menu {
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.Paint__menu__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.Paint__menu__list::after {
	display: block;
	content: '';
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 0.5em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 0.5em;
	flex: 0 0 0.5em;
}

.Paint__menu__item {
	max-width: 3em;
	margin: 0 1em;
	cursor: pointer;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 3em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 3em;
	flex: 0 0 3em;
}

.Paint__menu__item .image {
	position: relative;
	width: 100%;
	height: 2em;
}

.Paint__menu__item .image img {
	width: 100%;
	height: 100%;
	-webkit-transition: 0.2s opacity;
	-o-transition: 0.2s opacity;
	-moz-transition: 0.2s opacity;
	transition: 0.2s opacity;
}

.Paint__menu__item .image img:nth-of-type(2) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.Paint__menu__item.isActive .image img:nth-of-type(1) {
	opacity: 0;
}

.Paint__menu__item.isActive .image img:nth-of-type(2) {
	opacity: 1;
}

.Batch {
	margin-right: auto;
}

.Batch__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Batch__item {
	margin-right: 1em;
}

.Batch__item .Button {
	white-space: nowrap;
}

.Batch__item:last-of-type {
	margin-right: 0;
}

.Tabjs__nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 1em;
	margin-bottom: 2em;
	border-bottom: 1px solid #b8c0cc;
	font-size: 0.77778em;
}

.Tabjs__nav__item {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	margin-bottom: -1px;
	padding: 0.75em 1em;
	border: 1px solid #fff;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	background: #fff;
	font-weight: 700;
	white-space: nowrap;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Tabjs__nav__item + .Tabjs__nav__item {
	margin-left: -1px;
}

.Tabjs.gray .Tabjs__nav__item {
	border: 1px solid #f3f5f9;
	background: #f3f5f9;
}

.Tabjs.gray .Tabjs__nav__item.isActive {
	border-top: 1px solid #b8c0cc;
	border-right: 1px solid #b8c0cc;
	border-left: 1px solid #b8c0cc;
}

.Tabjs.gray .Tabjs__nav__item:not(.isActive) {
	border-bottom: 1px solid #b8c0cc;
}

.Tabjs__nav__item.isActive {
	z-index: 1;
	border-top: 1px solid #b8c0cc;
	border-right: 1px solid #b8c0cc;
	border-left: 1px solid #b8c0cc;
}

.Tabjs__nav__item:not(.isActive) {
	z-index: 0;
	border-bottom: 1px solid #b8c0cc;
	cursor: pointer;
}

.Tabjs__nav__item .task {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	height: 2em;
	margin-top: -0.5em;
	margin-bottom: -0.5em;
	margin-left: 0.5em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #e65c73;
	font-size: 0.75em;
	line-height: 1;
	color: #fff;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 2em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 2em;
	flex: 0 0 2em;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Detail {
	padding-top: 5.6rem;
}

.Detail .Header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

.Detail__head {
	font-size: 2.11111em;
	line-height: 1.4;
}

.Detail__head__info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	margin-top: 0.5em;
	line-height: 1.4;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Detail__head__info:not(.task) {
	font-size: 0.88889em;
}

.Detail__head__info .name {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.Detail__head__info .name img {
	width: 2em;
	height: 2em;
	margin-right: 0.5em;
}

.Detail__head__info .time {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	margin-left: 0.5em;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Detail__head__info .time.limit {
	font-weight: 700;
	color: #e65c73;
}

.Detail__head__info .time::before {
	display: inline-block;
	margin-right: 0.5em;
	color: rgba(89, 105, 128, 0.75);
	content: '｜';
}

.Detail__nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	-ms-flex-align: center;
	border-bottom: 2px solid #45bee6;
	background: #fff;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
}

.Detail__nav__head {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.Detail__nav__head .Breadcrumb {
	margin-bottom: 1rem;
}

.Detail__nav__control {
	margin-left: 1em;
	border-left: 1px solid #dbdee6;
}

.Detail__nav__control.task {
	padding-left: 1em; /*
        display: flex;
        align-items: center;
        */
}

.Detail__nav__control__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.Detail__nav__control__list + .Detail__nav__control__list {
	margin-top: 1rem;
	font-size: 0.88889em;
}

.Detail__nav__control__item {
	margin-left: 2rem;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1;
	-moz-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1;
}

.Detail__nav__control__item .Button {
	font-weight: 700;
	white-space: nowrap;
}

.Detail__nav__control__item .Button:not(.transparent) {
	border: 1px solid #b8c0cc;
}

.Detail__nav__control__item .Button.primary {
	border-color: #45bee6;
}

.Detail__nav__control__item .Button.accent {
	border: 1px solid #e65c73;
}

.Detail__header__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Detail__header__item .Button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	height: 3.6rem;
	padding: 0 1rem;
	font-size: 0.88889em;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Detail__header__item .Button.transparent {
	padding: 0;
}

.Detail__header__item + .Detail__header__item {
	margin-left: 1rem;
}

.Detail__content .l-flex {
	-ms-flex-pack: justify;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Detail__content .l-flex .image {
	display: block;
	/*max-width: 30%;*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 30%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 30%;
	flex: 0 0 30%;
}

.Detail__content .l-flex .image img {
	/*width: 100%;*/
	width: auto;
	margin: 0 auto;
	max-height: 50vh;
}
.Detail__content .l-flex .my-gallery {
	width: 30%;
	text-align: center;
}
.Detail__content .l-flex .inner {
	max-width: 65%;
	font-size: 0.88889em;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 65%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 65%;
	flex: 0 0 65%;
}

.Detail__content .l-flex .inner .p-label {
	margin-top: 1em;
}

.Detail__content__head {
	padding: 2em 0;
}
.Detail__content__head .l-flex .inner {
	padding-right: 2rem;
	padding-left: 2rem;
}
.Detail__content__body {
	padding: 4rem 0;
	background: #f3f5f9;
}

.Detail__content__list {
	padding: 4em 0 0;
	counter-reset: detail-num;
}

.Detail__content__item {
	position: relative;
	margin-bottom: 6em;
	padding: 6em 4rem 4rem;
	background: #fff;
	counter-increment: detail-num;
}

.Detail__content__item .l-flex .inner {
	padding-right: 2rem;
	padding-left: 2rem;
}

.Detail__content__item::after {
	position: absolute;
	bottom: -1em;
	left: 50%;
	width: 2em;
	height: 2em;
	margin-left: -1em;
	background: #fff;
	content: '';
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.Detail__content__item:last-of-type {
	margin-bottom: 0;
}

.Detail__content__item:last-of-type::after {
	display: none;
}

.Detail__content__item .number {
	position: absolute;
	top: -3em;
	left: 50%;
	display: block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	width: 6em;
	height: 6em;
	margin-left: -3em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #475466;
	color: #fff;
	text-align: center;
	letter-spacing: 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
}

.Detail__content__item .number .inner {
	text-indent: 0.1em;
	letter-spacing: 0.1em;
}

.Detail__content__item .number .inner::before {
	display: block;
	margin-top: -0.1em;
	margin-bottom: 0.1em;
	font-size: 2.5em;
	font-weight: 300;
	content: counter(detail-num);
}

.Detail__content__item__head {
	margin-bottom: 2em;
	font-size: 1.55556em;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}

.Detail__comment {
	margin-top: 2em;
}

.Detail__comment__head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	justify-content: flex-end;
}

.Detail__comment__button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	cursor: pointer;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Detail__comment__button img {
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.5em;
}

.Detail__comment__button.isActive::after {
	content: 'を閉じる';
}

.Detail__comment__container {
	overflow: hidden;
	height: 0;
}

.Detail__comment__inner {
	margin-top: 1rem;
	padding: 4rem;
	border: 1px solid #dbdee6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.Detail__comment__inner textarea {
	display: block;
	min-width: 100%;
	max-width: 100%;
	height: 5em;
	padding: 0.5em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #f3f5f9;
	line-height: 1.7;
}

.Detail__comment__submit {
	margin-top: 1rem;
	text-align: right;
}

.Detail__comment__submit .Button {
	font-weight: 700;
}

.Detail__comment__submit .Button.transparent {
	color: #45bee6;
}

.Detail__complete {
	width: 50%;
	min-width: 28rem;
	margin: 4em auto 0;
}
.Detail__content__index__container::after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2em;
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(5%,rgba(255,255,255,.005)),color-stop(10%,rgba(255,255,255,.02)),color-stop(15%,rgba(255,255,255,.045)),color-stop(20%,rgba(255,255,255,.08)),color-stop(25%,rgba(255,255,255,.125)),color-stop(30%,rgba(255,255,255,.18)),color-stop(35%,rgba(255,255,255,.245)),color-stop(40%,rgba(255,255,255,.32)),color-stop(45%,rgba(255,255,255,.405)),color-stop(50%,rgba(255,255,255,.5)),color-stop(55%,rgba(255,255,255,.595)),color-stop(60%,rgba(255,255,255,.68)),color-stop(65%,rgba(255,255,255,.755)),color-stop(70%,rgba(255,255,255,.82)),color-stop(75%,rgba(255,255,255,.875)),color-stop(80%,rgba(255,255,255,.92)),color-stop(85%,rgba(255,255,255,.955)),color-stop(90%,rgba(255,255,255,.98)),color-stop(95%,rgba(255,255,255,.995)),to(white));
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.005) 5%,rgba(255,255,255,.02) 10%,rgba(255,255,255,.045) 15%,rgba(255,255,255,.08) 20%,rgba(255,255,255,.125) 25%,rgba(255,255,255,.18) 30%,rgba(255,255,255,.245) 35%,rgba(255,255,255,.32) 40%,rgba(255,255,255,.405) 45%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.595) 55%,rgba(255,255,255,.68) 60%,rgba(255,255,255,.755) 65%,rgba(255,255,255,.82) 70%,rgba(255,255,255,.875) 75%,rgba(255,255,255,.92) 80%,rgba(255,255,255,.955) 85%,rgba(255,255,255,.98) 90%,rgba(255,255,255,.995) 95%,#fff 100%);
	background-image: -moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.005) 5%,rgba(255,255,255,.02) 10%,rgba(255,255,255,.045) 15%,rgba(255,255,255,.08) 20%,rgba(255,255,255,.125) 25%,rgba(255,255,255,.18) 30%,rgba(255,255,255,.245) 35%,rgba(255,255,255,.32) 40%,rgba(255,255,255,.405) 45%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.595) 55%,rgba(255,255,255,.68) 60%,rgba(255,255,255,.755) 65%,rgba(255,255,255,.82) 70%,rgba(255,255,255,.875) 75%,rgba(255,255,255,.92) 80%,rgba(255,255,255,.955) 85%,rgba(255,255,255,.98) 90%,rgba(255,255,255,.995) 95%,#fff 100%);
	background-image: -o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.005) 5%,rgba(255,255,255,.02) 10%,rgba(255,255,255,.045) 15%,rgba(255,255,255,.08) 20%,rgba(255,255,255,.125) 25%,rgba(255,255,255,.18) 30%,rgba(255,255,255,.245) 35%,rgba(255,255,255,.32) 40%,rgba(255,255,255,.405) 45%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.595) 55%,rgba(255,255,255,.68) 60%,rgba(255,255,255,.755) 65%,rgba(255,255,255,.82) 70%,rgba(255,255,255,.875) 75%,rgba(255,255,255,.92) 80%,rgba(255,255,255,.955) 85%,rgba(255,255,255,.98) 90%,rgba(255,255,255,.995) 95%,#fff 100%);
	background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.005) 5%,rgba(255,255,255,.02) 10%,rgba(255,255,255,.045) 15%,rgba(255,255,255,.08) 20%,rgba(255,255,255,.125) 25%,rgba(255,255,255,.18) 30%,rgba(255,255,255,.245) 35%,rgba(255,255,255,.32) 40%,rgba(255,255,255,.405) 45%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.595) 55%,rgba(255,255,255,.68) 60%,rgba(255,255,255,.755) 65%,rgba(255,255,255,.82) 70%,rgba(255,255,255,.875) 75%,rgba(255,255,255,.92) 80%,rgba(255,255,255,.955) 85%,rgba(255,255,255,.98) 90%,rgba(255,255,255,.995) 95%,#fff 100%);
	content: '';
}
.p_label_list li {display:inline-block;font-size:14px;}
.p_label_list li .p-label {font-size:12px;}
.p_label_list li a {color:#38b5df;}
.p_label_list li a:hover {text-decoration:underline;}

.Detail__content__index {
	padding-top: 1.5em;
	padding-bottom: 1em;
	background: #fff;
	line-height: 1.4;
}

.Detail__content__index__head {
	padding-bottom: 1em;
	border-bottom: 1px dashed #b8c0cc;
	font-weight: 700;
}

.Detail__content__index__container {
	position: relative;
}

.Detail__content__index__list {
	overflow-y: auto;
	max-height: 10em;
	padding-top: 1em;
	padding-bottom: 2em;
	counter-reset: detail-index;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.Detail__content__index__item {
	margin-bottom: 1em;
	counter-increment: detail-index;
}

.Detail__content__index__item a .text {
	text-decoration: underline;
}

.Detail__content__index__item a::before {
	width: 1.5em;
	height: 1.5em;
	margin-right: .5em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #475466;
	line-height: 1.5;
	color: #fff;
	text-align: center;
	letter-spacing: 0;
	content: counter(detail-index);
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 1.5em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 1.5em;
	flex: 0 0 1.5em;
}

.Detail__content__index__item a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	color: #38b5df;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}
.Detail__content__slideshow {
	display: none;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	padding: .5em 1em;
	background-color: #475466;
	color: #fff;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
}
.Detail__content__slideshow img {
	width: 2em;
	height: 2em;
	margin-right: .5em;
}
.lity-content {
	width: 90%!important;
	margin: 0 auto;
}
.lity-image img {
	max-height: 90vh!important;
}
.Edit {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}
.Edit .f-input {
	background: #fff;
}
.Edit__image {
	position: relative;
	margin-top: 2rem;
	background: #0c0b0b;
}

.Edit__nav__item__container .Edit__image {
	max-width: 35%;
	margin-right: 5%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 35%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 35%;
	flex: 0 0 35%;
}

.Edit__nav__item__container .Edit__image::before {
	padding-top: 100%;
}

.Edit__image::before {
	display: block;
	padding-top: 50%;
	content: '';
}

.Edit__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.Edit__label {
	width: 9em;
	margin-bottom: 1rem;
	padding: 0.5em 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	font-size: 0.66667em;
	font-weight: 700;
	text-align: center;
}

.Edit__label.black {
	border: 1px solid #475466;
}

.Edit__label.white {
	border: 1px solid #fff;
}

.Edit__nav__item .Edit__label.white {
	margin-bottom: 0;
}

.Edit__nav__item .Edit__label.white::after {
	content: counter(step-number);
}

.Edit__main,
.Edit__sidebar {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.Edit__main {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1;
	-moz-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1;
}

.Edit__main__sendback {
	border-bottom: 1px solid #b8c0cc;
	background: #fff;
}

.Edit__main__sendback__head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	font-weight: 700;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Edit__main__sendback__head::after {
	display: block;
	height: 1px;
	margin-left: 1em;
	background: #b8c0cc;
	content: '';
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.Edit__main__sendback__body {
	margin-top: 1em;
	font-size: 0.88889em;
	line-height: 1.7;
	color: #596980;
}

.Edit__main__head .f-input {
	width: 100%;
}

.Edit__main__head__head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	margin-bottom: 2rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.Edit__main__head__head .openurl {
	margin-left: 1rem;
	padding: 0.25em 0;
	font-size: 0.88889em;
	white-space: nowrap;
}

.Edit__main__body {
	border-top: 1px solid #b8c0cc;
}

.Edit__main .Breadcrumb {
	margin-bottom: 2rem;
}

.Edit__main__label {
	width: 16rem;
	padding: 0.5em 0.75em;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	border-radius: 1.5em;
	background: #475466;
	font-size: 1em;
	color: #fff;
	text-align: center;
}

.Edit__main__label.large {
	width: 20rem;
	background: #45bee6;
	font-size: 1.11111em;
	font-weight: 700;
	color: #fff;
}

.Edit__main__label.workflow {
	width: 20rem;
	background: #e65c73;
	font-size: 1.11111em;
	font-weight: 700;
	color: #fff;
}

.Edit__main__item .Edit__main__label::after {
	content: counter(step-number);
}

.Edit__main__list {
	counter-reset: step-number;
}

.Edit__main__item {
	padding: 4rem;
	border-bottom: 1px solid #b8c0cc;
	counter-increment: step-number;
}

.Edit__main__item .f-input[type="text"] {
	width: 100%;
}

.Edit__main__item__head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	-ms-flex-align: center;
	margin-bottom: 2rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
}

.Edit__main__item__head .Button {
	border: 1px solid #e65c73;
	background: #fff;
	color: #e65c73;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 10rem;
	-moz-box-flex: 0;
	-ms-flex: 0 0 10rem;
	flex: 0 0 10rem;
}

.Edit__nav {
	color: #fff;
}

.Edit__nav .head {
	padding-left: 0.5em;
	border-left: 4px solid #45bee6;
}

.Edit__nav__head {
	padding: 2rem;
}

.Edit__nav__head a {
	display: block;
	color: inherit;
}

.Edit__nav__head .title {
	margin-top: 1rem;
	font-size: 0.88889em;
	font-weight: 700;
	line-height: 1.4;
	word-break: break-all;
}

.Edit__nav__body {
	padding: 2rem;
	border-top: 1px solid #667180;
}

.Edit__nav__list {
	counter-reset: step-number;
}

.Edit__nav__item {
	position: relative;
	margin-top: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid #667180;
	counter-increment: step-number;
}

.Edit__nav__item a {
	display: block;
	color: inherit;
}

.Edit__nav__item .title {
	margin-top: 2rem;
	font-size: 0.77778em;
	font-weight: 700;
	line-height: 1.4;
	word-break: break-all;
}

.Edit__nav__item__container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Edit__nav__item__container > * {
	max-width: 60%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 60%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 60%;
	flex: 0 0 60%;
}

.Edit__nav__item .check:checked + .menu {
	width: auto;
	height: auto;
	padding: 1em;
	opacity: 1;
}

.Edit__nav__item .menu {
	position: absolute;
	top: 2.25em;
	right: 0;
	overflow: hidden;
	width: 0;
	height: 0;
	padding: 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #fff;
	-webkit-box-shadow: 0 0.25em 0.5em 0 rgba(71, 84, 102, 0.25);
	-moz-box-shadow: 0 0.25em 0.5em 0 rgba(71, 84, 102, 0.25);
	box-shadow: 0 0.25em 0.5em 0 rgba(71, 84, 102, 0.25);
	font-size: 0.88889em;
	line-height: 1.4;
	color: #475466;
	opacity: 0;
	-webkit-transition: 0.2s opacity;
	-o-transition: 0.2s opacity;
	-moz-transition: 0.2s opacity;
	transition: 0.2s opacity;
}

.Edit__nav__item .menu .item {
	margin-bottom: 0.5em;
}

.Edit__nav__item .menu .item:last-of-type {
	margin-bottom: 0;
}

.Edit__nav__item .button {
	position: absolute;
	top: -0.25em;
	right: -0.25em;
	width: 2em;
	height: 2em;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
	cursor: pointer;
}

.Edit__nav__item .button .second {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.Edit__nav__item .button img {
	width: 100%;
	height: 100%;
}

.Edit__sidebar {
	z-index: 1; /*
    @include mq-tab {
      position: fixed;
      right: -25.6rem;
      bottom: 0;
    }
    */
	width: 100%;
	padding: 2rem;
	border-left: 1px solid #b8c0cc;
	background: #fff;
}

.Edit__sidebar .f-textarea {
	height: 10em;
	min-height: 10em;
}

.Edit__sidebar .Button {
	width: 100%;
	font-size: 0.88889em;
	text-align: center;
}

.Edit__sidebar .Button.border {
	background: #f3f5f9;
}

.Edit__sidebar__section {
	margin-bottom: 2rem; /*
      &:last-of-type {
        margin-bottom: 0;
      }
      */
}

.Edit__sidebar__head {
	margin-bottom: 2rem;
	padding: 1rem 0;
	border-bottom: 1px solid #b8c0cc;
	font-size: 0.88889em;
	font-weight: 700;
	line-height: 1.2;
}

.Edit__sidebar__item {
	margin-bottom: 2rem;
}

.Edit__sidebar__item:last-of-type {
	margin-bottom: 0;
}

.Edit__sidebar__item__body {
	font-size: 0.77778em;
	line-height: 1.4;
}

.Edit__sidebar__item__body.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Edit__sidebar__item__body.flex .link {
	display: inline-block;
	height: 1.5em;
	margin-left: 0.25em;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 1.5em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 1.5em;
	flex: 0 0 1.5em;
}

.Edit__step__container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Edit__step__image_container {
	max-width: 50%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
}
.Edit__step__image_desc {
	margin-top: .5em;
	font-size: 80%;
}
.Edit__step__image {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;

	min-height: 100px;
	background: #fff;
	border: 1px solid #b8c0cc;
	position: relative;
	padding: 0;
}
.Edit__step__image.isImage .add_img_exp {
	display: none;
}

.Edit__step__image .image {
	width: 75%;
	margin: 0 auto 0.5em;
}
.Edit__step__image.isImage .inner {
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.Edit__step__image .button {
	position: absolute;
	top: -1em;
	right: -1em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	width: 2.5em;
	height: 2.5em;
	border: 1px solid #45bee6;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
	background: #fff;
	cursor: pointer;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Edit__step__image .button img {
	width: 1.5em;
	height: 1.5em;
}

.Edit__step__image.isImage .inner img {
	width: 100%;
	height: 12em;
	-o-object-fit: contain;
	object-fit: contain;
}

.Edit__step__image .p-para {
	margin-bottom: 1em;
	font-weight: 700;
	line-height: 1.4;
	color: #b8c0cc;
}

.Edit__step__image .Button.border {
	background: #f3f5f9;
}

.Edit__step__image .trigger-input-file {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.Edit__step__right {
	max-width: 50%;
	padding-left: 4rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
}

.Edit__step__desc {
	max-width: 100%;
}

.Edit__step__desc .f-textarea {
	min-width: 100%;
	max-width: 100%;
	min-height: 10em;
	font-size: 0.88889em;
}

.Edit__step__count {
	margin: 1rem 0 2rem;
	font-size: 0.77778em;
	text-align: right;
}

.Edit__step__info__list {
	font-size: 0.88889em;
}

.Edit__step__info__item {
	margin-bottom: 1rem;
	line-height: 1.4;
}

.Edit__step__info__item:last-of-type {
	margin-bottom: 0;
}

.Edit__step__info__item a {
	font-weight: 700;
	color: #45bee6;
}

.Setting {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.Setting .f-input {
	background: #fff;
}

.Setting .f-input[type="text"] {
	width: 100%;
}

.Setting .Breadcrumb {
	margin-bottom: 2em;
}

.Setting__url__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	width: 100%;
	margin-bottom: 2px;
	padding: 1em;
	background: #fff;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Setting__url__item:last-of-type {
	margin-bottom: 0;
}

.Setting__url__item__text {
	word-break: break-all;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.Setting__url__item__copy {
	position: relative;
	max-width: 2em;
	height: 2em;
	margin-left: 1em;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
	background: #596980;
	cursor: pointer;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 2em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 2em;
	flex: 0 0 2em;
}

.Setting__url__item__copy img {
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
}

.Setting__head {
	margin-bottom: 1em;
	font-size: 2.22222em;
	line-height: 1.7;
}

.Setting__head + .Tabjs {
	margin-top: -1em;
}

.Setting__head .small {
	display: none;
	-ms-flex-align: center;
	font-size: 0.5em;
	color: #596980;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Setting__head .small::before {
	display: block;
	width: 1.75em;
	height: 1.75em;
	margin-right: 0.25em;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.Setting__head.team .small::before {
	background-image: url(../images/icon_team.svg);
	content: '';
}

.Setting__head.user .small::before {
	background-image: url(../images/icon_user.svg);
	content: '';
}

.Setting__head.folder .small::before {
	background-image: url(../images/icon_folder.svg);
	content: '';
}

.Setting__head.self .small::before {
	background-image: url(../images/icon_self.svg);
	content: '';
}

.Setting__head.group .small::before {
	background-image: url(../images/icon_group.svg);
	content: '';
}

.Setting__section {
	max-width: 1024px;
	padding: 4rem 0;
	border-top: 1px solid #b8c0cc;
}

.Tabjs .Setting__section {
	padding-top: 0;
	border-top: none;
}

.Setting__section.action {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.Setting__section.action > * + * {
	margin-left: 1em;
}

.Setting__section__head {
	margin-bottom: 1em;
	font-size: 1.44444em;
	line-height: 1.4;
}

.Setting__section__text {
	margin-bottom: 1em;
	line-height: 1.7;
}

.Setting__section.device thead tr th:nth-of-type(2) {
	padding-left: 0;
}

.Setting__section.device tbody tr td .container {
	margin-left: 0;
}

.Setting__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	margin-bottom: 2em;
	line-height: 1.4;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Setting__item__add {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	padding: 2em 1em;
	border: 1px solid #b8c0cc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #fff;
	line-height: 1.7;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
}

.Setting__item__add a {
	color: inherit;
}

.Setting__item__add.isSet {
	display: block;
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.Setting__item__add__container {
	text-align: center;
}

.Setting__item__add__container .notice {
	display: block;
	font-weight: 700;
	color: rgba(89, 105, 128, 0.5);
}

.Setting__item__add__container img {
	width: 4em;
	height: 4em;
	opacity: 0.5;
}

.Setting__item__add__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #dbdee6;
	font-size: 0.88889em;
}

.Setting__item__add__item:last-of-type {
	border-bottom: none;
}

.Setting__item__add__item a {
	color: inherit;
}

.Setting__item__add__item.head {
	padding: 0.5em 0;
}

.Setting__item__add__item .title {
	line-height: 1.4;
}

.Modal .Setting__item__add__item.manual .text,
.Modal .Setting__item__add__item .text {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 85%;
	-moz-box-flex: 0;
	-ms-flex: 0 1 85%;
	flex: 0 1 85%;
}

.Modal .Setting__item__add__item .type {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 20%;
	-moz-box-flex: 1;
	-ms-flex: 1 0 20%;
	flex: 1 0 20%;
}

.Setting__item__add__item .text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	padding: 0 1em;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 65%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 65%;
	flex: 0 0 65%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Setting__item__add__item .text .check {
	width: 3em;
	margin-left: -1em;
	text-align: center;
}

.Setting__item__add__item .text .image {
	width: 6rem;
	margin-left: -1em;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 6rem;
	-moz-box-flex: 0;
	-ms-flex: 0 0 6rem;
	flex: 0 0 6rem;
}

.Setting__item__add__item .text .check + .image {
	margin-left: 0;
}

.Setting__item__add__item .text .title {
	margin-left: 1em;
	width: 100%;
}

.Setting__item__add__item.manual .text {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 85%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 85%;
	flex: 0 0 85%;
}

.Setting__item__add__item.user .text .image img {
	width: 4rem;
	height: 4rem;
	margin: 1rem;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
}

.Setting__item__add__item.team .text .image {
	position: relative;
}

.Setting__item__add__item.team .text .image img {
	width: 4rem;
	height: 4rem;
	margin: 1rem;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
}

.Setting__item__add__item.team .text .image::after {
	position: absolute;
	top: 1rem;
	right: 1rem;
	bottom: 1rem;
	left: 1rem;
	display: block;
	background-image: url(../images/thumb_team_layer@2x.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	content: '';
}

.Setting__item__add__item .type {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	padding: 0 1em;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 20%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Setting__item__add__item .button {
	position: relative;
	cursor: pointer;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 15%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 15%;
	flex: 0 0 15%;
}

.Setting__item__add__item .button::after {
	position: absolute;
	top: 20%;
	right: 1em;
	left: 1em;
	display: block;
	height: 60%;
	background-image: url(../images/icon_close_gray.svg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	content: '';
}

.Setting__item + .select-toggle-container .select-toggle-inner {
	padding-top: 2em;
}

.Setting__item.block {
	display: block;
}

.Setting__item.block .l-flex .Button {
	margin: 0;
	padding: 0;
}
.Setting__item.block .note{
	font-size: 1.2rem;
	margin-top: 5px;
}
.Setting__item.flex-start {
	-ms-flex-align: start;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	align-items: flex-start;
}

.Setting__item:last-of-type {
	margin-bottom: 0;
}

.Setting__item__head {
	max-width: 25%;
	padding-right: 2rem;
	font-weight: 700;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 25%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
}

.Setting__item.reverse .Setting__item__head {
	max-width: 75%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 75%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
}

.Setting__item.block .Setting__item__head {
	max-width: 100%;
}

.Setting__item.block .l-flex .Setting__item__head {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.Setting__item.required .Setting__item__head::after {
	font-size: 1.5em;
	line-height: 0.5;
	color: #e65c73;
	content: '*';
}

.Setting__item__body {
	max-width: 75%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 75%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
}

.Setting__item.reverse .Setting__item__body {
	max-width: 25%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 25%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
}

.Setting__item.block .Setting__item__body {
	max-width: 100%;
	margin-top: 1rem;
}

.Setting__item__body .file-label {
	position: relative;
	display: block;
	border: 1px solid #b8c0cc;
	background: #fff;
}

.Setting__item__body .file-label.circle {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.Setting__item__body .file-label.circle .full-image {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.Setting__item__body .file-label.circle .file-delete-button {
	top: 0.25em;
	right: 0.25em;
}

.Setting__item__body .file-label .full-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.Setting__item__body .file-label .label {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.Setting__item__body .file-label .label::after {
	position: absolute;
	top: 25%;
	right: 25%;
	width: 50%;
	height: 50%;
	background-image: url(../images/icon_plus_gray.svg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	content: '';
	opacity: 0.5;
}

.Setting__item__body .file-label .file-delete-button {
	position: absolute;
	top: -0.75em;
	right: -0.75em;
	display: none;
	width: 1.5em;
	height: 1.5em;
	background-image: url(../images/icon_close_circle.svg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	cursor: pointer;
}

.Setting__item__body .file-label .file-delete-button img {
	width: 100%;
	height: 100%;
}

.Setting__item__body .file-label.isImage .label {
	display: none;
}

.Setting__item__body .file-label.isImage .file-delete-button {
	display: block;
}

.Setting__item__body .file-label::before {
	display: block;
	content: '';
}

.Setting__item__body .file-label.icon {
	max-width: 7.11111em;
}

.Setting__item__body .file-label.icon::before {
	padding-top: 100%;
}

.Setting__item__body .file-label.logo {
	max-width: 28.44444em;
	padding-top: 25%;
}

.Setting__leader__list {
	margin-bottom: 1rem;
}

.Setting__leader__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	margin-bottom: 1rem;
	border: 1px solid #b8c0cc;
	background: #fff;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Setting__leader__item .text {
	padding: 0 1em;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1;
	-moz-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1;
}

.Setting__leader__item .close {
	position: relative;
	height: 3em;
	cursor: pointer;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 3em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 3em;
	flex: 0 0 3em;
}

.Setting__leader__item .close::after {
	position: absolute;
	top: 20%;
	right: 20%;
	width: 60%;
	height: 60%;
	background-image: url(../images/icon_close_gray.svg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	content: '';
}

.Setting__leader__button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	padding: 1em;
	border: 1px dashed #b8c0cc;
	background: #fff;
	cursor: pointer;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Setting__leader__button .image {
	width: 1em;
	height: 1em;
	line-height: 1;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 1em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 1em;
	flex: 0 0 1em;
}

.check-toggle-container {
	overflow-y: auto;
	max-height: 40rem;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.check-toggle-inner .Table {
	margin-top: 0;
	margin-bottom: 0;
}

.Task {
	background: #f3f5f9;
}

.Task__container {
	max-width: 1280px;
	margin: 0 auto;
}

.Task__info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Task__info__limit {
	font-weight: 700;
	color: #e65c73;
}

.Task__account {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 33%;
	-moz-box-flex: 0;
	-ms-flex: 0 1 33%;
	flex: 0 1 33%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.Task__account__image {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 2em;
	-moz-box-flex: 0;
	-ms-flex: 0 0 2em;
	flex: 0 0 2em;
}

.Task__account__text {
	margin-left: 0.5em;
}

.mt0 {
	margin-top: 0rem !important; /*
        @include mq-sp {
          margin-top: 0rem !important;
        }
        */
}

.mt1 {
	margin-top: 1rem !important; /*
        @include mq-sp {
          margin-top: 0.5rem !important;
        }
        */
}

.mt2 {
	margin-top: 2rem !important; /*
        @include mq-sp {
          margin-top: 1rem !important;
        }
        */
}

.mt3 {
	margin-top: 3rem !important; /*
        @include mq-sp {
          margin-top: 1.5rem !important;
        }
        */
}

.mt4 {
	margin-top: 4rem !important; /*
        @include mq-sp {
          margin-top: 2rem !important;
        }
        */
}

.mt5 {
	margin-top: 5rem !important; /*
        @include mq-sp {
          margin-top: 2.5rem !important;
        }
        */
}

.mt6 {
	margin-top: 6rem !important; /*
        @include mq-sp {
          margin-top: 3rem !important;
        }
        */
}

.mt7 {
	margin-top: 7rem !important; /*
        @include mq-sp {
          margin-top: 3.5rem !important;
        }
        */
}

.mt8 {
	margin-top: 8rem !important; /*
        @include mq-sp {
          margin-top: 4rem !important;
        }
        */
}

.mt9 {
	margin-top: 9rem !important; /*
        @include mq-sp {
          margin-top: 4.5rem !important;
        }
        */
}

.mt10 {
	margin-top: 10rem !important; /*
        @include mq-sp {
          margin-top: 5rem !important;
        }
        */
}

.mb0 {
	margin-bottom: 0rem !important; /*
        @include mq-sp {
          margin-bottom: 0rem !important;
        }
        */
}

.mb1 {
	margin-bottom: 1rem !important; /*
        @include mq-sp {
          margin-bottom: 0.5rem !important;
        }
        */
}

.mb2 {
	margin-bottom: 2rem !important; /*
        @include mq-sp {
          margin-bottom: 1rem !important;
        }
        */
}

.mb3 {
	margin-bottom: 3rem !important; /*
        @include mq-sp {
          margin-bottom: 1.5rem !important;
        }
        */
}

.mb4 {
	margin-bottom: 4rem !important; /*
        @include mq-sp {
          margin-bottom: 2rem !important;
        }
        */
}

.mb5 {
	margin-bottom: 5rem !important; /*
        @include mq-sp {
          margin-bottom: 2.5rem !important;
        }
        */
}

.mb6 {
	margin-bottom: 6rem !important; /*
        @include mq-sp {
          margin-bottom: 3rem !important;
        }
        */
}

.mb7 {
	margin-bottom: 7rem !important; /*
        @include mq-sp {
          margin-bottom: 3.5rem !important;
        }
        */
}

.mb8 {
	margin-bottom: 8rem !important; /*
        @include mq-sp {
          margin-bottom: 4rem !important;
        }
        */
}

.mb9 {
	margin-bottom: 9rem !important; /*
        @include mq-sp {
          margin-bottom: 4.5rem !important;
        }
        */
}

.mb10 {
	margin-bottom: 10rem !important; /*
        @include mq-sp {
          margin-bottom: 5rem !important;
        }
        */
}

.ml0 {
	margin-left: 0rem !important; /*
        @include mq-sp {
          margin-left: 0rem !important;
        }
        */
}

.ml1 {
	margin-left: 1rem !important; /*
        @include mq-sp {
          margin-left: 0.5rem !important;
        }
        */
}

.ml2 {
	margin-left: 2rem !important; /*
        @include mq-sp {
          margin-left: 1rem !important;
        }
        */
}

.ml3 {
	margin-left: 3rem !important; /*
        @include mq-sp {
          margin-left: 1.5rem !important;
        }
        */
}

.ml4 {
	margin-left: 4rem !important; /*
        @include mq-sp {
          margin-left: 2rem !important;
        }
        */
}

.ml5 {
	margin-left: 5rem !important; /*
        @include mq-sp {
          margin-left: 2.5rem !important;
        }
        */
}

.ml6 {
	margin-left: 6rem !important; /*
        @include mq-sp {
          margin-left: 3rem !important;
        }
        */
}

.ml7 {
	margin-left: 7rem !important; /*
        @include mq-sp {
          margin-left: 3.5rem !important;
        }
        */
}

.ml8 {
	margin-left: 8rem !important; /*
        @include mq-sp {
          margin-left: 4rem !important;
        }
        */
}

.ml9 {
	margin-left: 9rem !important; /*
        @include mq-sp {
          margin-left: 4.5rem !important;
        }
        */
}

.ml10 {
	margin-left: 10rem !important; /*
        @include mq-sp {
          margin-left: 5rem !important;
        }
        */
}

.mr0 {
	margin-right: 0rem !important; /*
        @include mq-sp {
          margin-right: 0rem !important;
        }
        */
}

.mr1 {
	margin-right: 1rem !important; /*
        @include mq-sp {
          margin-right: 0.5rem !important;
        }
        */
}

.mr2 {
	margin-right: 2rem !important; /*
        @include mq-sp {
          margin-right: 1rem !important;
        }
        */
}

.mr3 {
	margin-right: 3rem !important; /*
        @include mq-sp {
          margin-right: 1.5rem !important;
        }
        */
}

.mr4 {
	margin-right: 4rem !important; /*
        @include mq-sp {
          margin-right: 2rem !important;
        }
        */
}

.mr5 {
	margin-right: 5rem !important; /*
        @include mq-sp {
          margin-right: 2.5rem !important;
        }
        */
}

.mr6 {
	margin-right: 6rem !important; /*
        @include mq-sp {
          margin-right: 3rem !important;
        }
        */
}

.mr7 {
	margin-right: 7rem !important; /*
        @include mq-sp {
          margin-right: 3.5rem !important;
        }
        */
}

.mr8 {
	margin-right: 8rem !important; /*
        @include mq-sp {
          margin-right: 4rem !important;
        }
        */
}

.mr9 {
	margin-right: 9rem !important; /*
        @include mq-sp {
          margin-right: 4.5rem !important;
        }
        */
}

.mr10 {
	margin-right: 10rem !important; /*
        @include mq-sp {
          margin-right: 5rem !important;
        }
        */
}

.pt0 {
	padding-top: 0rem !important; /*
        @include mq-sp {
          padding-top: 0rem !important;
        }
        */
}

.pt1 {
	padding-top: 1rem !important; /*
        @include mq-sp {
          padding-top: 0.5rem !important;
        }
        */
}

.pt2 {
	padding-top: 2rem !important; /*
        @include mq-sp {
          padding-top: 1rem !important;
        }
        */
}

.pt3 {
	padding-top: 3rem !important; /*
        @include mq-sp {
          padding-top: 1.5rem !important;
        }
        */
}

.pt4 {
	padding-top: 4rem !important; /*
        @include mq-sp {
          padding-top: 2rem !important;
        }
        */
}

.pt5 {
	padding-top: 5rem !important; /*
        @include mq-sp {
          padding-top: 2.5rem !important;
        }
        */
}

.pt6 {
	padding-top: 6rem !important; /*
        @include mq-sp {
          padding-top: 3rem !important;
        }
        */
}

.pt7 {
	padding-top: 7rem !important; /*
        @include mq-sp {
          padding-top: 3.5rem !important;
        }
        */
}

.pt8 {
	padding-top: 8rem !important; /*
        @include mq-sp {
          padding-top: 4rem !important;
        }
        */
}

.pt9 {
	padding-top: 9rem !important; /*
        @include mq-sp {
          padding-top: 4.5rem !important;
        }
        */
}

.pt10 {
	padding-top: 10rem !important; /*
        @include mq-sp {
          padding-top: 5rem !important;
        }
        */
}

.pb0 {
	padding-bottom: 0rem !important; /*
        @include mq-sp {
          padding-bottom: 0rem !important;
        }
        */
}

.pb1 {
	padding-bottom: 1rem !important; /*
        @include mq-sp {
          padding-bottom: 0.5rem !important;
        }
        */
}

.pb2 {
	padding-bottom: 2rem !important; /*
        @include mq-sp {
          padding-bottom: 1rem !important;
        }
        */
}

.pb3 {
	padding-bottom: 3rem !important; /*
        @include mq-sp {
          padding-bottom: 1.5rem !important;
        }
        */
}

.pb4 {
	padding-bottom: 4rem !important; /*
        @include mq-sp {
          padding-bottom: 2rem !important;
        }
        */
}

.pb5 {
	padding-bottom: 5rem !important; /*
        @include mq-sp {
          padding-bottom: 2.5rem !important;
        }
        */
}

.pb6 {
	padding-bottom: 6rem !important; /*
        @include mq-sp {
          padding-bottom: 3rem !important;
        }
        */
}

.pb7 {
	padding-bottom: 7rem !important; /*
        @include mq-sp {
          padding-bottom: 3.5rem !important;
        }
        */
}

.pb8 {
	padding-bottom: 8rem !important; /*
        @include mq-sp {
          padding-bottom: 4rem !important;
        }
        */
}

.pb9 {
	padding-bottom: 9rem !important; /*
        @include mq-sp {
          padding-bottom: 4.5rem !important;
        }
        */
}

.pb10 {
	padding-bottom: 10rem !important; /*
        @include mq-sp {
          padding-bottom: 5rem !important;
        }
        */
}

.pl0 {
	padding-left: 0rem !important; /*
        @include mq-sp {
          padding-left: 0rem !important;
        }
        */
}

.pl1 {
	padding-left: 1rem !important; /*
        @include mq-sp {
          padding-left: 0.5rem !important;
        }
        */
}

.pl2 {
	padding-left: 2rem !important; /*
        @include mq-sp {
          padding-left: 1rem !important;
        }
        */
}

.pl3 {
	padding-left: 3rem !important; /*
        @include mq-sp {
          padding-left: 1.5rem !important;
        }
        */
}

.pl4 {
	padding-left: 4rem !important; /*
        @include mq-sp {
          padding-left: 2rem !important;
        }
        */
}

.pl5 {
	padding-left: 5rem !important; /*
        @include mq-sp {
          padding-left: 2.5rem !important;
        }
        */
}

.pl6 {
	padding-left: 6rem !important; /*
        @include mq-sp {
          padding-left: 3rem !important;
        }
        */
}

.pl7 {
	padding-left: 7rem !important; /*
        @include mq-sp {
          padding-left: 3.5rem !important;
        }
        */
}

.pl8 {
	padding-left: 8rem !important; /*
        @include mq-sp {
          padding-left: 4rem !important;
        }
        */
}

.pl9 {
	padding-left: 9rem !important; /*
        @include mq-sp {
          padding-left: 4.5rem !important;
        }
        */
}

.pl10 {
	padding-left: 10rem !important; /*
        @include mq-sp {
          padding-left: 5rem !important;
        }
        */
}

.pr0 {
	padding-right: 0rem !important; /*
        @include mq-sp {
          padding-right: 0rem !important;
        }
        */
}

.pr1 {
	padding-right: 1rem !important; /*
        @include mq-sp {
          padding-right: 0.5rem !important;
        }
        */
}

.pr2 {
	padding-right: 2rem !important; /*
        @include mq-sp {
          padding-right: 1rem !important;
        }
        */
}

.pr3 {
	padding-right: 3rem !important; /*
        @include mq-sp {
          padding-right: 1.5rem !important;
        }
        */
}

.pr4 {
	padding-right: 4rem !important; /*
        @include mq-sp {
          padding-right: 2rem !important;
        }
        */
}

.pr5 {
	padding-right: 5rem !important; /*
        @include mq-sp {
          padding-right: 2.5rem !important;
        }
        */
}

.pr6 {
	padding-right: 6rem !important; /*
        @include mq-sp {
          padding-right: 3rem !important;
        }
        */
}

.pr7 {
	padding-right: 7rem !important; /*
        @include mq-sp {
          padding-right: 3.5rem !important;
        }
        */
}

.pr8 {
	padding-right: 8rem !important; /*
        @include mq-sp {
          padding-right: 4rem !important;
        }
        */
}

.pr9 {
	padding-right: 9rem !important; /*
        @include mq-sp {
          padding-right: 4.5rem !important;
        }
        */
}

.pr10 {
	padding-right: 10rem !important; /*
        @include mq-sp {
          padding-right: 5rem !important;
        }
        */
}

.d-none {
	display: none!important;
}

.d-pc {
	display: none;
}

.d-pc-iblock {
	display: none;
}

.d-tab {
	display: none;
}

.d-sp {
	display: none;
}

.d-sp-flex {
	display: none;
}

.d-sp-iblock {
	display: none;
}

.d-sp-spsmall {
	display: none;
}

.d-spsmall {
	display: none;
}

.w-25 {
	width: 25% !important;
}

.w-50 {
	width: 50% !important;
}

.w-75 {
	width: 75% !important;
}

.w-100 {
	width: 100% !important;
}

.w-auto {
	width: auto !important;
}

.ai-assistant-btn {
	padding: 0.25em 1em;
	border-radius: .25em;
	line-height: 1.2;
	background: #45bee6;
	border: solid 1px #45bee6;
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

#lower-control .Button.large {
	padding: 0.75em 0.5em;
}
#lower-control {
	margin: 0 -15px;
	/*background-color: #eaeaea;*/
	background: none;
	text-align: left;
	/*padding: 15px;*/
	padding: 15px 0 15px 15px;
	/*margin-top: 20px;*/
	/*margin-bottom: 20px;*/
}
#lower-control .Button {
	display: inline;
}
#lower-control img {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin-right: .5em;
}
/*フッターナビゲーション*/
.Nav {
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 4.5em;
	background-color: #3a4759;
	-webkit-box-shadow: 0 -0.1em 0.2em 0.1em rgba(71,84,102,.1);
	-moz-box-shadow: 0 -.1em .2em .1em rgba(71,84,102,.1);
	box-shadow: 0 -0.1em 0.2em 0.1em rgba(71,84,102,.1);
}
.Nav__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
}
.Nav__item {
	position: relative;
	-webkit-box-flex: 9;
	-webkit-flex: 9 1;
	-moz-box-flex: 9;
	-ms-flex: 9 1;
	flex: 9 1;
}
.Nav__item a {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	height: 100%;
	color: #fff;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}
.Nav__item.action {
	background-color: #45bee6;
	-webkit-box-flex: 10;
	-webkit-flex: 10 1;
	-moz-box-flex: 10;
	-ms-flex: 10 1;
	flex: 10 1;
}
.Nav__item__container {
	position: relative;
	width: 100%;
	text-align: center;
}
.Nav__item.accent span {
	color:red;
}
.Nav__item__container .figure {
	display: block;
	width: 2em;
	height: 2em;
	margin: 0 auto;
}
.Nav__item__container .text {
	display: block;
	margin-top: .5em;
	font-size: .66667em;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0;
}
.Nav__item__container .figure img {
	display: block;
	width: 100%;
	height: 100%;
}
.Nav__item__container .notice {
	position: absolute;
	top: -.4em;
	right: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	width: 1.85em;
	height: 1.85em;
	margin-right: -2.25em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #e65c73;
	font-size: .75em;
	line-height: 1;
	color: #fff;
	letter-spacing: 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
}

.popup-menu {
	position: fixed;
	top: 66px;
	display: block;
	left: auto;
	display: none;
}


.back-to-top {
	position: fixed;
	display: none;
	right: 15px;
	bottom: 15px;
	z-index: 9998;
}

.back-to-top i {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background: #45bee6;
	color: #fff;
	transition: all 0.4s;
}

.back-to-top i:hover {
	background: #45bee6;
	color: #fff;
}


@media (hover: hover) {

	.h-opacity {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.h-opacity:hover {
		opacity: 0.5;
	}

	.h-underline:hover {
		text-decoration: underline;
	}

	.h-a-opacity a {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.h-a-opacity a:hover {
		opacity: 0.5;
	}

	.h-a-underline a:hover {
		text-decoration: underline;
	}

	.p-textlink:hover {
		text-decoration: underline;
	}

	.Button:not(.no-link) {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Button:not(.no-link):hover {
		opacity: 0.5;
	}

	.Header__back a img {
		-webkit-transition: 0.2s margin;
		-o-transition: 0.2s margin;
		-moz-transition: 0.2s margin;
		transition: 0.2s margin;
	}

	.Header__back a:hover img {
		margin-right: 1em;
		margin-left: 0;
	}

	.Header__nav__item a {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Header__nav__item a:hover {
		opacity: 0.5;
	}

	.Sidebar__logo a img {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Sidebar__logo a:hover img {
		opacity: 0.5;
	}

	.Sidebar__item > .item {
		-webkit-transition: 0.2s background-color;
		-o-transition: 0.2s background-color;
		-moz-transition: 0.2s background-color;
		transition: 0.2s background-color;
	}

	.Sidebar__item > .item:hover {
		background: #3a4759;
	}

	.Main__content__button .inner {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Main__content__button:hover .inner {
		opacity: 1;
	}

	.Breadcrumb__back {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Breadcrumb__back:hover {
		opacity: 0.5;
	}

	.Breadcrumb__item a:hover {
		text-decoration: underline;
	}

	.Tab__item a {
		-webkit-transition: color 0.2s;
		-o-transition: color 0.2s;
		-moz-transition: color 0.2s;
		transition: color 0.2s;
	}

	.Tab__item a:hover {
		color: #45bee6;
	}

	.Search .Search__modal__button {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Search .Search__modal__button:hover {
		opacity: 0.5;
	}

	.Create .Create__button {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Create .Create__button:hover {
		opacity: 0.5;
	}

	.Create .Create__modal__button {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Create .Create__modal__button:hover {
		opacity: 0.5;
	}

	.Table tbody tr td.table-control .hover-button {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Table tbody tr td.table-control .hover-button:hover {
		opacity: 0.5;
	}

	.Table tbody a .title,
	.Table tbody a .desc {
		-webkit-transition: 0.2s color;
		-o-transition: 0.2s color;
		-moz-transition: 0.2s color;
		transition: 0.2s color;
	}

	.Table tbody a:hover .title,
	.Table tbody a:hover .desc {
		color: #45bee6;
	}

	.Modal__close__button {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Modal__close__button:hover {
		opacity: 0.5;
	}

	.Modal__global__item a {
		-webkit-transition: 0.2s color;
		-o-transition: 0.2s color;
		-moz-transition: 0.2s color;
		transition: 0.2s color;
	}

	.Modal__global__item a:hover {
		color: #38b5df;
	}

	.Modal__common__item a:not(.Button) {
		-webkit-transition: 0.2s color;
		-o-transition: 0.2s color;
		-moz-transition: 0.2s color;
		transition: 0.2s color;
	}

	.Modal__common__item a:not(.Button):hover {
		color: #45bee6;
	}

	.Modal__search__item a {
		-webkit-transition: 0.2s color;
		-o-transition: 0.2s color;
		-moz-transition: 0.2s color;
		transition: 0.2s color;
	}

	.Modal__search__item a:hover {
		color: #45bee6;
	}

	.Modal__step__item a {
		-webkit-transition: 0.2s color;
		-o-transition: 0.2s color;
		-moz-transition: 0.2s color;
		transition: 0.2s color;
	}

	.Modal__step__item a:hover {
		color: #45bee6;
	}

	.Modal__control__list .Modal__control__item a {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Modal__control__list .Modal__control__item a:hover {
		opacity: 0.5;
	}

	.Modal__control__list__sub .Modal__control__item a .text {
		-webkit-transition: 0.2s color;
		-o-transition: 0.2s color;
		-moz-transition: 0.2s color;
		transition: 0.2s color;
	}

	.Modal__control__list__sub .Modal__control__item a .text:hover {
		color: #38b5df;
	}

	.Paint__head__button {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Paint__head__button:hover {
		opacity: 0.5;
	}

	.Paint__menu__item {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Paint__menu__item:hover {
		opacity: 0.5;
	}

	.Tabjs.gray .Tabjs__nav__item:not(.isActive):hover {
		background: #fff;
	}

	.Tabjs__nav__item:not(.isActive) {
		-webkit-transition: 0.2s background-color;
		-o-transition: 0.2s background-color;
		-moz-transition: 0.2s background-color;
		transition: 0.2s background-color;
	}

	.Tabjs__nav__item:not(.isActive):hover {
		background: #f3f5f9;
	}

	.Edit__nav__head a {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Edit__nav__head a:hover {
		opacity: 0.5;
	}

	.Edit__nav__item a {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Edit__nav__item a:hover {
		opacity: 0.5;
	}

	.Edit__nav__item .menu .item a {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Edit__nav__item .menu .item a:hover {
		opacity: 0.5;
	}

	.Edit__nav__item .button {
		-webkit-transition: background-color 0.2s;
		-o-transition: background-color 0.2s;
		-moz-transition: background-color 0.2s;
		transition: background-color 0.2s;
	}

	.Edit__nav__item .button img {
		-webkit-transition: opacity 0.2s;
		-o-transition: opacity 0.2s;
		-moz-transition: opacity 0.2s;
		transition: opacity 0.2s;
	}

	.Edit__nav__item .button:hover {
		background: #fff;
	}

	.Edit__nav__item .button:hover .first {
		opacity: 0;
	}

	.Edit__nav__item .button:hover .second {
		opacity: 1;
	}

	.Edit__sidebar__item__body.flex .link {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Edit__sidebar__item__body.flex .link:hover {
		opacity: 0.5;
	}

	.Edit__step__image .button {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Edit__step__image .button:hover {
		opacity: 0.5;
	}

	.Edit__step__info__item a:hover {
		text-decoration: underline;
	}

	.Setting__url__item__copy {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Setting__url__item__copy:hover {
		opacity: 0.5;
	}

	.Setting__item__add__item .button {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Setting__item__add__item .button:hover {
		opacity: 0.5;
	}

	.Setting__item__body .file-label .file-delete-button {
		-webkit-transition: 0.2s -webkit-transform;
		-o-transition: 0.2s -o-transform;
		-moz-transition: 0.2s transform, 0.2s -moz-transform;
		transition: 0.2s -webkit-transform;
		transition: 0.2s transform;
		transition: 0.2s transform, 0.2s -webkit-transform, 0.2s -moz-transform, 0.2s -o-transform;
	}

	.Setting__item__body .file-label .file-delete-button:hover {
		-webkit-transform: scale(1.25);
		-moz-transform: scale(1.25);
		-ms-transform: scale(1.25);
		-o-transform: scale(1.25);
		transform: scale(1.25);
	}

	.Setting__leader__item .close {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Setting__leader__item .close:hover {
		opacity: 0.5;
	}

	.Setting__leader__button {
		-webkit-transition: 0.2s opacity;
		-o-transition: 0.2s opacity;
		-moz-transition: 0.2s opacity;
		transition: 0.2s opacity;
	}

	.Setting__leader__button:hover {
		opacity: 0.5;
	}

}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {

	.Table tbody tr.folder .image img,
	.Table tbody tr.folder .image::after {
		background-image: url(../images/thumb_folder_bg@2x.png);
	}

	.Table tbody tr.folder .image.exist::after {
		background-image: url(../images/thumb_folder_layer@2x.png);
	}

	.Table tbody tr.team .image img,
	.Table tbody tr.team .image::after {
		background-image: url(../images/thumb_team_bg@2x.png);
	}

	.Table tbody tr.team .image.exist::after {
		background-image: url(../images/thumb_team_layer@2x.png);
	}

	.Table tbody tr.user .image img,
	.Table tbody tr.user .image::after {
		background-image: url(../images/thumb_user_bg@2x.png);
	}

}

@media only screen and (min-width: 768px) {

	.Table tbody tr td.table-info {
		max-width: 100% !important;
	}

	.Table tbody tr td.table-info a,
	.Table tbody tr td.table-info .link {
		max-width: 100% !important;
	}

}

@media only screen and (min-width: 1024px) {

	.Sidebar__container:not(.edit) {
		display: block !important;
	}

}

@media only screen and (max-width: 1279px) {
	body {
		font-size: -webkit-calc(0.4171vw + 1.26653rem);
		font-size: -moz-calc(0.4171vw + 1.26653rem);
		font-size: calc(0.4171vw + 1.26653rem);
	}

	.Sidebar__control.pc {
		position: fixed;
		z-index: 1;
		right: -25.6rem;
		bottom: 0;
		width: 25.6rem;
		-webkit-transition: 0.2s right, 0.2s z-index;
		-o-transition: 0.2s right, 0.2s z-index;
		-moz-transition: 0.2s right, 0.2s z-index;
		transition: 0.2s right, 0.2s z-index;
	}

	.Sidebar__control.pc.isActive {
		right: 0;
	}

	.Sidebar__control.pc.inActive {
		right: -30rem;
	}

	.Sidebar__control.pc .Sidebar__control__button {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		align-items: center;
	}

	.Main__nav__head .Search {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 auto;
		-moz-box-flex: 1;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
	}

	.Detail__head {
		font-size: 2em;
	}

	.Detail__content__item__head {
		font-size: 1.5em;
	}

	.Edit__step__image .p-para {
		font-size: 0.88889em;
	}

	.Setting__head {
		font-size: 2.11111em;
	}

	.d-pclarge-pc {
		display: none;
	}

	.d-pc {
		display: block;
	}

	.d-pc-iblock {
		display: inline-block;
	}

}

@media only screen and (max-width: 1024px) {
	body {
		font-size: 1.6rem;
		font-size: -webkit-calc(0.4171vw + 1.26653rem);
		font-size: -moz-calc(0.4171vw + 1.26653rem);
		font-size: calc(0.4171vw + 1.26653rem);
	}

	body.manual-edit {
		overflow:auto;
	}

	.Detail__nav,
	.Edit__main__sendback,
	.Edit__main__head,
	.Edit__main__control,
	.Setting,
	.Task__container {
		padding-right: 3rem;
		padding-left: 3rem;
	}

	.l-container,
	.l-fluid {
		padding-right: 3rem;
		padding-left: 3rem;
	}

	.l-container.tab-none {
		padding-right: 0;
		padding-left: 0;
	}

	.l-container-s {
		padding-right: 3rem;
		padding-left: 3rem;
	}

	.l-offset {
		margin-right: -3rem;
		margin-left: -3rem;
	}

	.Header .Sidebar__logo {
		margin-left: 3rem;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 11.8rem;
		-moz-box-flex: 0;
		-ms-flex: 0 0 11.8rem;
		flex: 0 0 11.8rem;
	}

	.Header__back {
		display: none;
	}

	.Header__button {
		display: block;
	}

	.Sidebar {
		max-width: 0;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0;
		-moz-box-flex: 0;
		-ms-flex: 0 0;
		flex: 0 0;
	}

	.Sidebar__logo {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.Sidebar__logo a {
		display: inline-block;
		background: transparent;
	}
	.Edit .Sidebar__control.isActive .Edit__sidebar,
	.Sidebar__control:not(.pc).isActive .Sidebar__container {
		height: 100%!important;
	}
	.Detail .Sidebar__control.isActive, .Edit .Sidebar__control.isActive {
		height: 75%;
		-webkit-box-shadow: 0 -0.1em 0.2em 0.1em rgba(71,84,102,.1);
		-moz-box-shadow: 0 -.1em .2em .1em rgba(71,84,102,.1);
		box-shadow: 0 -0.1em 0.2em 0.1em rgba(71,84,102,.1);
	}
	.Sidebar__container:not(.edit) {
		position: fixed;
		bottom: 0;
		left: 0;
		display: none;
		width: 100%;
	}

	.Sidebar__container.edit {
		border-left: 1px solid #b8c0cc;
	}

	.Sidebar__account {
		max-height: 12rem;
		margin-top: 5.6rem;
	}

	.Sidebar__account__container {
		justify-content: center;
	}

	.Sidebar__account__image {
		width: 7rem;
		margin-right: 1em;
	}
	.Sidebar__account__text {
		margin: 0;
		max-width: 200px;
	}

	body.manual-edit #form-user-detail {
		width: 100%;
	}
	.Sidebar__control {
		z-index: 1;
	}
	.Sidebar__control.pc {
		position: fixed;
		z-index: 1;
		/*right: -25.6rem;*/
		bottom: 0;
		/*width: 25.6rem;*/
		/*-webkit-transition: 0.2s right, 0.2s z-index;
        -o-transition: 0.2s right, 0.2s z-index;
        -moz-transition: 0.2s right, 0.2s z-index;
        transition: 0.2s right, 0.2s z-index;*/
		right: 0;
		width: 100%;
		max-width: 100%;
		height: 0;
		padding-bottom: 4.5em;
		-webkit-transition: .2s height,.2s z-index;
		-o-transition: .2s height,.2s z-index;
		-moz-transition: .2s height,.2s z-index;
		transition: .2s height,.2s z-index;
	}
	.Sidebar__control__button.basic {
		display: none!important;
	}
	.Sidebar__control:not(.pc) {
		position: fixed;
		right: 0;
		bottom: 0;
		width: 100%;
		max-width: 100%;
		height: 0;
		padding-bottom: 4.5em;
		-webkit-transition: .2s height,.2s z-index;
		-o-transition: .2s height,.2s z-index;
		-moz-transition: .2s height,.2s z-index;
		transition: .2s height,.2s z-index;
	}

	.Sidebar__control:not(.pc).isActive {
		height: 100%;
	}

	.Sidebar__control:not(.pc).inActive {
		right: -30rem;
	}

	.Sidebar__control:not(.pc) .Sidebar__control__button {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		align-items: center;
	}

	.Sidebar__list .item > .task {
		width: 2em;
		max-width: 2em;
		height: 2em;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 2em;
		-moz-box-flex: 0;
		-ms-flex: 0 0 2em;
		flex: 0 0 2em;
	}

	.Sidebar__item.isLast > .item::after {
		display: none;
	}

	.Main {
		padding-top: 5.6rem;
	}

	.Main .Header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}

	.Main__nav {
		padding: 2em 3rem 0;
	}

	.Main__nav__head {
		margin-bottom: 2rem;
	}

	.Main__content {
		padding: 1em 3rem;
	}

	.Login {
		padding: 4rem 0 4rem;
	}

	.Breadcrumb {
		font-size: 1.11111em;
	}

	.Breadcrumb.small {
		font-size: 0.77778em;
	}

	.Tab__item.isCurrent,
	.Tab__item a {
		padding: 1rem 2rem;
	}

	.Pagenavi > * {
		font-size: 0.77778em;
	}

	.Pagenavi {
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		justify-content: center;
	}

	.Search + .Create {
		margin-left: 1rem;
	}

	.Create + .Create {
		margin-left: 1rem;
	}

	.Wrapper .Detail {
		padding-top: 0;
	}

	.Detail__head {
		font-size: 1.88889em;
	}

	.Detail__nav {
		display: block;
	}

	.Detail__nav__control {
		margin-left: 0;
		border-left: none;
	}

	.Detail__nav__control.task {
		margin-top: 1em;
		padding-left: 0;
	}

	.Detail__nav__control__list.top {
		position: fixed;
		z-index: 1;
		bottom: 0;
		bottom: -6rem;
		left: 0;
		display: none;
		width: 100%;
		padding: 1rem 0;
		-webkit-transition: 0.2s bottom;
		-o-transition: 0.2s bottom;
		-moz-transition: 0.2s bottom;
		transition: 0.2s bottom;
	}

	.Detail__nav__control__list.top.isActive {
		bottom: 0;
	}

	.Detail__nav__control__item:last-of-type {
		margin-right: 2rem;
	}

	.Detail__content .l-flex .image {
		/*max-width: 40%;*/
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 40%;
		-moz-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
	}

	.Detail__content .l-flex .inner {
		max-width: 55%;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 55%;
		-moz-box-flex: 0;
		-ms-flex: 0 0 55%;
		flex: 0 0 55%;
	}

	.Detail__content__item__head {
		font-size: 1.44444em;
	}

	.Edit__main__label {
		width: 14rem;
	}

	.Edit__main__label.large {
		width: 18rem;
	}

	.Edit__main__label.workflow {
		width: 18rem;
	}

	.Edit__main__item {
		padding: 2rem;
	}

	.Setting__head + .Tabjs {
		margin-top: 0;
	}

	.Setting__head .small {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}

	.Setting__head {
		font-size: 2em;
	}

	.d-pc-tab {
		display: none;
	}

	.d-tab {
		display: block;
	}

	.d-tab-sp {
		display: block;
	}

	.d-tab-spsmall {
		display: block;
	}
	/*スライドショー*/
	.Detail__content__slideshow {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}
	/*ナビゲーション*/
	.Nav {
		display: block;
	}

	.back-to-top {
		right: 1.5em;
		bottom: 6em;
	}
}

@media only screen and (max-width: 768px) {
	body {
		font-size: 1.5rem;
		font-size: -webkit-calc(0.4171vw + 1.26653rem);
		font-size: -moz-calc(0.4171vw + 1.26653rem);
		font-size: calc(0.4171vw + 1.26653rem);
	}

	body.groupid #bg-layer,
	body.login #bg-layer {
		background-image: url(../images/bg_login_sp.jpg);
		background-position: center center;
	}

	body.isSearch {
		padding-top: 5.6rem;
	}

	.Detail__nav,
	.Edit__main__sendback,
	.Edit__main__head,
	.Edit__main__control,
	.Setting,
	.Task__container {
		padding-right: 2rem;
		padding-left: 2rem;
	}
	.Edit {
		display: block;
	}

	.l-container,
	.l-fluid {
		padding-right: 2rem;
		padding-left: 2rem;
	}

	.l-container.tab-none {
		padding-right: 0;
		padding-left: 0;
	}

	.l-container-s {
		padding-right: 2rem;
		padding-left: 2rem;
	}

	.l-offset {
		margin-right: -2rem;
		margin-left: -2rem;
	}

	.l-flex.block-sp {
		display: block;
	}

	.Button.large {
		padding: 0.75em 1em;
	}
	.Button.regular {
		padding: 0.5em 0.75em;
	}

	.Header .Sidebar__logo {
		margin-left: 2rem;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.9rem;
		-moz-box-flex: 0;
		-ms-flex: 0 0 8.9rem;
		flex: 0 0 8.9rem;
	}

	.Header__nav__item#search-pc {
		padding-right: 0;
		padding-left: 0;
	}

	.Header__nav__item.search {
		display: block;
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.Footer {
		padding: 4rem 4rem 12rem;
	}

	.Main__nav {
		padding: 2em 0 0;
	}

	.Main__nav__head {
		padding: 0 2rem;
	}

	.Main__content {
		padding: 1em 2px;
	}

	.Main__content__button {
		font-size: 1.25em;
	}

	.Main__content__button + .Main__content__button {
		margin-left: 0;
	}

	.Main__content__button.copy {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}

	.Main__content__button.backup {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}

	.Login {
		padding: 0 0 4rem;
	}

	.Login__container__body {
		padding: 2rem 0;
	}

	.Login__container__body form {
		margin-top: 2rem;
	}

	.Breadcrumb {
		min-height: 2.25em;
		font-size: 1em;
	}

	.Breadcrumb__back {
		max-width: 2.25em;
		height: 2.25em;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 2.25em;
		-moz-box-flex: 0;
		-ms-flex: 0 0 2.25em;
		flex: 0 0 2.25em;
	}

	.Breadcrumb__back img {
		max-width: 1.5em;
		height: 1.5em;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 1.5em;
		-moz-box-flex: 0;
		-ms-flex: 0 0 1.5em;
		flex: 0 0 1.5em;
	}

	.Tab__list::before,
	.Tab__list::after {
		display: block;
		content: '';
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 2rem;
		-moz-box-flex: 0;
		-ms-flex: 0 0 2rem;
		flex: 0 0 2rem;
	}

	.Search {
		width: 100%;
	}

	.Search__container.isActive {
		top: 5.6rem;
	}

	.Search__input input {
		width: 100%;
	}

	.Create {
		height: 0;
	}

	.Create__button img {
		/*width: 55%;
        height: 55%;
        margin-right: 0;
        margin-bottom: 7.5%;*/
	}

	.Create__button .text {
		/*display: none;*/
	}

	.Create__button {
		/*-ms-flex-pack: center;
    width: 100%;
    height: 100%;
    padding: 0;
    -webkit-border-radius: 9999px;
       -moz-border-radius: 9999px;
            border-radius: 9999px;
    background: #45bee6;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;*/
	}

	.Create__container {
		/*position: fixed;
        z-index: 1;
        bottom: -8px;
        left: 50%;
        width: 74px;
        height: 74px;
        margin-bottom: -74px;
        margin-left: -37px;
        padding: 0;
        -webkit-transition: 0.4s margin-bottom;
        -o-transition: 0.4s margin-bottom;
        -moz-transition: 0.4s margin-bottom;
        transition: 0.4s margin-bottom;*/
	}

	.Create__container.isActive {
		/*margin-bottom: 0;*/
	}

	.Create__modal {
		display: none;
	}

	.Create__modal__button {
		display: none;
	}

	.Table {
		display: block;
	}

	.Table thead,
	.Table tfoot.d-pc-sp {
		/*display: none;*/
		display: block;
	}
	.Table thead tr th,
	.Table tfoot.d-pc-sp tr th {
		padding: 1em 0.9em;
	}
	/*.Table thead tr th.p-center,*/
	.Table tfoot.d-pc-sp tr th.p-center {
		display: none;
	}
	.Table thead tr th:last-child {
		display: none;
	}
	.Table thead .sort, .Table tfoot .sort {
		margin-left: 0;
	}
	.Table tbody {
		display: block;
	}

	.Table tbody tr td.table-info .table-button {
		display: block;
	}

	.Table tbody tr td.table-control .l-flex {
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-moz-box-pack: start;
		justify-content: flex-start;
		align-items: center;
		overflow: auto;
	}

	.Table tbody tr td.table-control {
		overflow-x: auto;
		max-width: 0;
		max-height: 8rem;
		padding: 0;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}

	.Table tbody tr td.table-user,
	.Table tbody tr td.table-date,
	.Table tbody tr td.table-views
		/*.Table tbody tr td.table-check*/ {
		display: none;
	}

	.Table tbody .container {
		margin-left: 0;
		padding-right: 1em;
		padding-left: 1em;
	}

	.Table tbody .progress {
		display: block;
	}

	.Table tbody .desc {
		max-height: 1.2em;
		margin-top: 0.5em;
		line-height: 1.1;
	}

	.Table tbody .data__list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}

	.Table tbody .data__list.text {
		display: block;
	}

	.Table.folder tbody .desc {
		max-height: 1em;
	}

	.Table tr {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		-ms-flex-align: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		align-items: center;
	}

	.Table tr th,
	.Table tr td {
		display: block;
	}

	.Table.invitation tbody tr td.table-check {
		display: block;
	}

	.Table.invitation tbody tr td.number {
		display: none;
	}

	.Modal__manual__head__small {
		font-size: 0.83333em;
	}

	.Modal__control__list .Modal__control__item a .text {
		font-size: 0.88889em;
	}

	.Modal__clip__foot > * {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 47.5%;
		-moz-box-flex: 0;
		-ms-flex: 0 0 47.5%;
		flex: 0 0 47.5%;
	}

	.Modal__clip__foot > *:first-of-type {
		margin-right: 5%;
	}

	.Switch .text {
		margin-top: 1em;
		margin-left: 0;
	}

	.Switch {
		display: block;
	}

	.Batch {
		/*display: none;*/
	}

	.Detail__head {
		font-size: 1.77778em;
	}

	.Detail__nav__control__item {
		margin-left: 1rem;
	}

	.Detail__nav__control__item:last-of-type {
		margin-right: 1rem;
	}

	.Detail__content .l-flex {
		display: block;
	}

	.Detail__content .l-flex .image {
		max-width: 100%;
		display: block;
		text-align: center;
	}
	.Detail__content .l-flex .my-gallery {
		width: 100%;
	}

	.Detail__content .l-flex .inner {
		max-width: 100%;
		padding-top: 2em;
	}

	.Detail__content__head {
		padding: 0 0 2em;
	}

	.Detail__content__head .l-container {
		padding: 0;
	}

	.Detail__content__head .l-flex .inner {
		padding-right: 2rem;
		padding-left: 2rem;
	}

	.Detail__content__item {
		padding: 6em 2rem 2rem;
	}

	.Detail__content__item .l-flex {
		margin-right: -2rem;
		margin-left: -2rem;
	}

	.Detail__content__item__head {
		font-size: 1.38889em;
		text-align: left;
	}

	.Detail__comment__inner {
		padding: 2rem;
	}

	.Edit__main__head__head {
		display: block;
	}

	.Edit__main__head__head .openurl {
		overflow: hidden;
		margin-top: 2rem;
		margin-left: 0;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}

	.Edit__main__label {
		width: 12rem;
	}

	.Edit__main__label.large {
		width: 16rem;
	}

	.Edit__main__label.workflow {
		width: 16rem;
	}

	.Edit__nav__item .menu {
		font-size: 0.94444em;
	}

	.Edit__step__container {
		/*display: block;*/
	}

	.Edit__step__image {
		max-width: 100%;
		margin: 1rem 0 2rem;
	}

	.Edit__step__right {
		max-width: 100%;
		padding-left: 1em;
	}

	.Setting__head {
		font-size: 1.88889em;
	}

	.Setting__section {
		padding: 2rem 0;
	}

	.Setting__section.table {
		position: relative;
		margin-right: -2rem;
		margin-left: -2rem;
		padding-right: 2px;
		padding-left: 2px;
		border-top: none;
	}

	.Setting__section.table::before {
		position: absolute;
		top: 0;
		right: 2rem;
		left: 2rem;
		display: block;
		height: 1px;
		background-color: #b8c0cc;
		content: '';
	}

	.Setting__item__add__item .button::after {
		right: 0.5em;
		left: 0.5em;
	}

	.Setting__item {
		display: block;
		margin-bottom: 1.5em;
		padding-bottom: 1.5em;
		border-bottom: 1px dashed #dbdee6;
	}

	.Setting__item + .select-toggle-container .select-toggle-inner {
		margin-top: 1.5em;
		padding-top: 1.5em;
		border-top: 1px dashed #dbdee6;
	}

	.Setting__item:last-of-type {
		padding-bottom: 0;
		border-bottom: none;
	}

	.Setting__item.reverse .Setting__item__head {
		max-width: 100%;
	}

	.Setting__item__head {
		max-width: 100%;
	}

	.Setting__item.reverse .Setting__item__body {
		max-width: 100%;
	}

	.Setting__item__body {
		max-width: 100%;
		margin-top: 1rem;
	}

	.d-pc-sp {
		display: none;
	}

	.d-tab-sp {
		display: none;
	}

	.d-sp {
		display: block;
	}

	.d-sp-flex {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}

	.d-sp-iblock {
		display: inline-block;
	}

	.d-sp-spsmall {
		display: block;
	}

}

@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 768px) and (min-resolution: 192dpi) {

	body.groupid #bg-layer,
	body.login #bg-layer {
		background-image: url(../images/bg_login_sp@2x.jpg);
	}

}

@media only screen and (max-width: 480px) {

	body {
		font-size: 1.5rem;
		font-size: -webkit-calc(0.4171vw + 1.26653rem);
		font-size: -moz-calc(0.4171vw + 1.26653rem);
		font-size: calc(0.4171vw + 1.26653rem);
	}

	.l-container,
	.l-fluid {
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.l-container.tab-none {
		padding-right: 0;
		padding-left: 0;
	}

	.l-offset {
		margin-right: -1rem;
		margin-left: -1rem;
	}

	.Breadcrumb {
		font-size: 0.88889em;
	}

	.Breadcrumb.small {
		font-size: 0.88889em;
	}

	.Modal__search__item .list {
		display: block;
	}

	.Modal__search__item .list .item {
		margin-right: 0;
		margin-bottom: 0.5em;
	}

	.Modal__control__list .Modal__control__item {
		margin-right: 9%;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 26%;
		-moz-box-flex: 0;
		-ms-flex: 0 0 26%;
		flex: 0 0 26%;
	}

	.Modal__control__list .Modal__control__item:nth-of-type(n+5) {
		margin-top: 0;
	}

	.Modal__control__list .Modal__control__item:nth-of-type(n+4) {
		margin-top: 1em;
	}

	.Modal__control__list .Modal__control__item:nth-of-type(4n) {
		margin-right: 9%;
	}

	.Modal__control__list .Modal__control__item:nth-of-type(3n) {
		margin-right: 0;
	}

	.Modal__clip__item__body {
		display: block;
	}

	.Modal__clip__item__body .container {
		margin-top: 1em;
		padding-left: 0;
	}

	.Modal__progress__chart {
		display: block;
	}

	.Modal__progress__chart .text {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-ms-flex-align: center;
		max-width: 100%;
		margin-bottom: 1em;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-moz-box-orient: horizontal;
		-moz-box-direction: reverse;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		align-items: center;
	}

	.Modal__progress__chart .chart {
		max-width: 100%;
		padding-left: 0;
		border-left: none;
	}

	.Modal__progress__list {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.Modal__progress__item {
		margin-right: 0;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-moz-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}

	.Modal__progress__detail__item .head {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 40%;
		-moz-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
	}

	.Modal__progress__detail__item .body {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 60%;
		-moz-box-flex: 0;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
	}

	.Modal__sendback__list {
		display: block;
		margin-top: 1.5em;
	}

	.Modal__sendback__item {
		max-width: 100%;
		margin-top: 1em;
		padding-top: 1.5em;
		border-top: 1px dashed #dbdee6;
	}

	.Modal__sendback__item:nth-of-type(1) {
		padding-right: 0;
	}

	.Modal__sendback__item:nth-of-type(2) {
		padding-left: 0;
		border-left: none;
	}

	.Detail__head {
		font-size: 1.66667em;
	}

	.Detail__content__item__head {
		font-size: 1.33333em;
	}

	.Edit__main__label {
		width: 10rem;
	}

	.Edit__main__label.large {
		width: 14rem;
	}

	.Setting__head {
		font-size: 1.77778em;
	}

	.Setting__section.action.break {
		display: block;
	}

	.Setting__section.action.break > * {
		width: 100%;
	}

	.Setting__section.action.break > * + * {
		margin-top: 1em;
		margin-left: 0;
	}

	.Setting__item__add__item .text {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 65%;
		-moz-box-flex: 1;
		-ms-flex: 1 0 65%;
		flex: 1 0 65%;
	}

	.Task__container {
		padding-right: 2px;
		padding-left: 2px;
	}

	.d-pc-spsmall {
		display: none !important;
	}

	.d-tab-spsmall {
		display: none;
	}

	.d-sp-spsmall {
		display: none;
	}

	.d-spsmall {
		display: block;
	}
}

@media only screen and (max-height: 567px) {
	.Paint__head {
		height: 15%;
	}

	.Paint__body {
		height: 70%;
	}

	.Paint__foot {
		height: 15%;
	}
}