.help_guide {
}
.mdc-card .help_guide {
}
.help_guide .mdc-button {
	text-transform: inherit;
	height: auto;
}
.help_guide .mdc-button:hover {
	color: #aa0000;
}
.mdc-card .help_guide .mdc-button {
	padding: 0;
}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
/* 動画説明表示 サイトレポート */
.theme-report + .main-content .mdc-layout-grid__cell h2 {
	position: relative;
}
.theme-report + .main-content .mdc-layout-grid__cell h2 .help_guide {
	position: absolute;
	bottom: 2px;
	right: 32px;
}
.mdc-layout-grid__cell h2 .help_guide {
	padding: 0;
	line-height: 1;
}
.mdc-layout-grid__cell h2 .help_guide .mdc-button,
[data-content="mail_template"] .form-field-container .help_guide .mdc-button {
	padding: 0;
	min-width: auto;
	height: auto;
	vertical-align: top;
}
.mdc-layout-grid__cell h2 .help_guide .mdc-button:hover,
[data-content="mail_template"] .form-field-container .help_guide .mdc-button:hover {
	opacity: 1;
	color: #a00;
}
.mdc-layout-grid__cell h2 .help_guide .mdc-button .btn_txt {
	/* display: none; */
}
.theme-report + .main-content .help_guide .mdc-button:not(:disabled) {
	color: #1e88e5;
}
/* 動画説明表示 自動返信メール */
[data-content="mail_template"] .mdc-layout-grid__cell h2 {
	position: relative;
}
[data-content="mail_template"] .mdc-layout-grid__cell h2 .help_guide {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
[data-content="mail_template"] .form-field-container {
	position: relative;
}
[data-content="mail_template"] .form-field-container .help_guide {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	padding: 16px;
}
[data-content="mail_template"] .form-field-container .help_guide .mdc-button {
}
[data-content="mail_template"] .form-field-container .help_guide .mdc-button .btn_txt {
	display: none;
}
/* 動画説明表示 ダイアログ内 */
.movie_dialog {
	position: fixed;
	display: flex;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
	z-index: 12;
}
.movie_dialog .scrim {
	position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(0, 0, 0, .32);
    opacity: 1;
}
.movie_dialog .container {
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    box-sizing: border-box;
    height: 100%;
    pointer-events: none;
    transform: scale(1);
    opacity: 1;
}
.movie_dialog .surface {
	box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    max-width: 900px;
    max-height: calc(100% - 32px);
    pointer-events: auto;
    overflow-y: auto;
    background-color: #fff;
    background-color: var(--mdc-theme-surface, #fff);
	border-radius: 4px;
	min-width: 30%;
}
.movie_dialog .surface h2 {
	display: block;
    margin-top: 0;
    line-height: normal;
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: .0125em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    position: relative;
    flex-shrink: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0 24px 9px;
    border-bottom: 1px solid transparent;
}
.movie_dialog .surface h2:before {
	display: inline-block;
    width: 0;
    height: 40px;
    content: "";
    vertical-align: 0;
}
.movie_dialog .surface .box {
	font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    letter-spacing: .03125em;
    text-decoration: inherit;
    text-transform: inherit;
    flex-grow: 1;
    box-sizing: border-box;
    margin: 0;
    padding: 20px 24px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.movie_dialog .surface .box iframe {
	width: 640px;
    height: 360px;
    vertical-align: top;
}
.movie_dialog .surface footer {
	display: flex;
    position: relative;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    min-height: 52px;
    margin: 0;
    padding: 8px;
    border-top: 1px solid transparent;
}
.movie_dialog button {
	font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 2.25rem;
    font-weight: 500;
    letter-spacing: .0892857143em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 8px 0 8px;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 64px;
    height: 36px;
    border: none;
    outline: none;
    line-height: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 4px;
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	max-width: 100%;
    text-align: right;
    background-color: transparent;
    color: #6200ee;
    color: var(--mdc-theme-primary, #6200ee);
    --mdc-ripple-fg-opacity: 0.12;
    margin-left: 0;
    margin-right: 0;
    cursor: pointer;
}
.movie_dialog button:before,
.movie_dialog button:after{
	content: none;
}
.movie_dialog button span {
	color: #9E9E9E;
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input[type="time"] {
    color: rgba(0,0,0,0.25);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input[type="date"] {
    color: rgba(0,0,0,0.25);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-datetime-edit {
    color: rgba(0,0,0,1.0);
}
/*アーティクル一覧・詳細*/
.help_guide_list {
	display: flex;
	justify-content: flex-end;
    flex-wrap: wrap;
}
.help_guide_list .help_guide {
	padding: 5px 0;
}

/*サイドメニュー*/
.mdc-list-item .help_guide {
	padding: 0;
	position: absolute;
	right: 36px;
}
.mdc-list-item .help_guide .mdc-button {
	padding: 0;
	min-width: auto;
}
@media screen and (max-width: 737px) {
	.movie_dialog .surface {
		width: 95vw;
	}
	.movie_dialog .surface h2 {
		padding: 0 9px 9px;
	}
	.movie_dialog .surface .box {
		padding: 0px 9px;
	}
	.movie_dialog .surface .box iframe {
		width: 100%;
	    height: auto;
	    aspect-ratio: 16/9;
	}
	.help_guide_list {
		justify-content: start;
		padding-bottom: 10px;
	}
	.card_wrapper + .help_guide_list {
		margin-top: 10px;
		padding-bottom: 0;
	}
	.help_guide .mdc-button {
		font-size: .8rem;
	}
	.help_guide .material-icons {
		font-size: 20px;
	}
	.help_guide_list .help_guide {
		padding: 0;
		width: 100%;
		text-align: left;
	}
	.help_guide_list .help_guide + .help_guide {
		margin-top: 10px;
	}
	.help_guide_list .help_guide .mdc-button {
		height: auto;
		padding: 0;
	}
	.mdc-list-item .help_guide .material-icons {
		font-size: 24px;
	}
}