@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap'); /* om_add */
@import url(https://fonts.googleapis.com/icon?family=Material+Icons); /* om_add */
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200); /* Material Symbols */

/* ==========================================================================
   YUI
   ========================================================================== */

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body {
	font: 13px/1.231 arial, helvetica, clean, sans-serif;
	*font-size: small;
	*font: x-small;
	-webkit-appearance: none;
	-webkit-print-color-adjust: exact;
	color: #545555;
}

select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
#yui3-css-stamp.cssfonts{display:none}

/*印刷時の改ページ制御*/
.print-after {
	page-break-before: always; /*強制的に直前で改ページさせる*/
}

.print-before {
	page-break-after: always;/* 強制的に直後で改ページさせる */
}
/* ==========================================================================
   Common
========================================================================== */
#pageMain {
  background-image: url(../img/bg_pc.jpg);
  background-size: cover;
}

@media screen and (max-width: 480px) {
  #pageMain {
    background-image: url(../img/bg_sp.jpg);
  }
}
* {
	/*font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka","ＭＳ ゴシック",Verdana,Arial,Helvetica,Gothic,sans-serif;*/  /* om_change */
	font-family: 'Noto Sans JP', sans-serif;
	box-sizing: border-box;
	/*color: #333;*/  /* om_add */
}

.clearfix:after {
	visibility: hidden;
	height: 0;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
}

@media screen and (min-width: 481px) {
  .page-foot {
    margin-top: auto;
  }
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	box-sizing: border-box;
	color: #333;  /* om_add */
	margin: 0;
	scroll-padding-top: 59px;
}

img {
	max-width: 100%;
}

i {
	font-family: MS UI GOTHIC, sans-seif;
	font-style: oblique;
}

.ui-button-icon-only.hour-select {
	width: 2px;
	height: 29px;
	margin-left: -33px;
}

@media ( max-width : 480px) {
	.ui-button-icon-only.hour-select {
		height: 25px;
		margin-left: -28px;
	}
}

.ui-button-icon-only.time-select {
	height: 29px;
	position: absolute;
	margin-left: -29px;
	width: 2px;
}

@media ( max-width : 480px) {
	.ui-button-icon-only.time-select {
		height: 25px;
		margin-left: -25px;
	}
}

.commonDialogButtonArea {
	align-items: center;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: center;
	float: none;
}

/* Progress Popup */
.common-progress {
	animation: spin 0.7s linear infinite;
	-moz-animation: spin 0.7s linear infinite;
	-webkit-animation: spin 0.7s linear infinite;
	border-radius: 50%;
	border: 8px solid #CCC;
	border-right-color: transparent;
	bottom: 0px;
	height: 45px;
	left: 0px;
	margin: auto;
	position: absolute;
	right: 0px;
	top: 15px;
	width: 45px;
}

.progress-popup-area {
	overflow: hidden;
}

.progress-popup-block {
	padding: 10px 0px;
}

.progress-popup-txt {
	color: #FFF;
	text-align: center;
}

.page-main {
	/*width: calc(100% - 301px);*/ /*om_change*/
	width: calc(100% - 250px);
	/*min-width: 693px;*/ /*om_change*/
	min-width: 1020px;
	/*background-color: #EDF3F7;*/ /*om_change*/
	background-color: #fff;
	float: left;
	/* position: absolute; */
	/*left: 301px;*/ /*om_change*/
	left: 250px; /* sidemenu分移動 */
	transition: all 300ms 0s ease;
	-webkit-transition: all 300ms 0s ease;

	display: flex;
	flex-direction: column;
	min-height: 100vh; /* ←コンテンツの高さの最小値＝ブラウザの高さに指定 */
    position: relative;/* ←相対位置 */
     /*padding-bottom: 150px;*/ /* ←フッターの高さを指定 */ /*om_delete*/
    box-sizing: border-box;
}

@media ( max-width : 480px) {
	.page-main {
		min-width: initial;
		min-width: auto;
		width: 100%;
		float: none;
		left: 0;
		padding-bottom: 56px; /*om_add*/
	}
}

.page-main-tab {
	min-width: 1020px;
	background-color: #fff;
	float: left;
	transition: all 300ms 0s ease;
	-webkit-transition: all 300ms 0s ease;
	display: flex;
	flex-direction: column;
	min-height: 100vh; /* ←コンテンツの高さの最小値＝ブラウザの高さに指定 */
    position: relative;/* ←相対位置 */
    box-sizing: border-box;
    width: 100%;
}

@media ( max-width : 480px) {
	.page-main-tab {
		min-width: initial;
		min-width: auto;
		width: 100%;
		float: none;
		left: 0;
	}
}

.sidemenu-hide {
	/*width: 100%;*/ /*om_change*/
	width: calc(100% - 70px);
	/*min-width: 994px;*/ /*om_delete*/
	/*left: 0;*/ /*om_change*/
	left: 70px;
}

/* 180612add// */
@media ( max-width : 480px) {
	.sidemenu-hide {
		left: 0;/*om_add*/
		min-width: initial;
		min-width: auto;
		width: 100%; /*om_add*/
	}
}

/*om_add*/
#pageContents {
	font-size: 115.3846153846%;
	line-height: 1.6;
	padding-bottom: 60px;
	/*background-image: url(../img/bg_pc.jpg);*/
	/*background-size: cover;*/
}

/*om_add*/
@media screen and (max-width:480px) {
	#pageContents {
		background-image: url(../img/bg_sp.jpg);
	}
}

.control-list-txt {
	padding-left: 25px;
	width: 10%;
}

@media ( max-width : 480px) {
	.control-list-txt {
		display: inline-block;
		margin-top: 7%;
		padding: 0;
		text-align: center;
		vertical-align: middle;
		width: 10%;
	}
}

.contents-exchange-block-inline {
	display: inline-block;
}

@media ( max-width : 480px) {
	.contents-exchange-block-inline {
		display: block;
		margin-bottom: 3px;
	}
}

/* ==========================================================================
   ▼ここから既存(一部はportal_common_2023.cssとマージ)
========================================================================== */

/* ヘッダー内に詳細を書く場合はcontents-titleではなくこっちで対応 */
.course-header-detail {
	border-top: 1px solid #D6DADB;
	margin: 10px 10px;
}

.contents-title-txt {
  color: #403999;
  font-size: 173.3333333333%;
  line-height: 1.2;
  font-weight: bold;
  margin: 0;
}

.contents-detail {
	width: 100%;
}

.contents-list {
	border-top: 0px;
}

.contents-display-flex {
	align-items: center;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: flex-start;
	padding: 8px 6px 6px 20px;
}

@media ( max-width : 480px) {
	.contents-display-flex {
		padding: 5px;
	}
}

/* スマートフォン用に作成 */
.contents-display-flex-exchange-sp {
	align-items: center;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: flex-start;
}

@media ( max-width : 480px) {
	.contents-display-flex-exchange-sp {
		display: block;
	}
}

.contents-display-flex-padding-sp {
	padding: 8px 6px 6px 20px;
}

@media ( max-width : 480px) {
	.contents-display-flex-padding-sp {
		padding: 6px 6px 6px 6px;
	}
}
/*TODO 隙を見て変更する
.display-flex{
	justify-content: flex-start;
	padding: 8px 6px 6px 20px;
}

.feedback-flex{
	justify-content: space-between;
	padding: 8px 6px 6px 20px;
}

.question-template-new-flex{
	justify-content: flex-end;
	width: 13%;
}

*/
.contents-feedback-flex {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: space-between;
	padding: 8px 6px 6px 20px;
}

@media ( max-width : 480px) {
	.contents-feedback-flex {
		padding: 10px 6px 6px 6px;
	}
}

/*TODO 最終的にreport.cssに移動*/
.contents-report-all-status-block-flex {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: flex-start;
	padding: 8px 6px 6px 20px;
}

@media ( max-width : 480px) {
	.contents-report-all-status-block-flex {
		padding: 8px 0px;
	}
}

.contents-report-all-status-flex {
	align-items: center;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	height: 35px;
	justify-content: flex-start;
}

@media ( max-width : 480px) {
	.contents-report-all-status-flex {
		height: 50px;
	}
}

.result-list {
	/*border-bottom: 1px solid #DDD;*/ /*om_change*/
	border-bottom: 1px solid #ebebeb;
}

.result-survey-list {
	border-top: 1px solid #ebebeb;
}

/*om_delete*/
/*.result-list:nth-child(2n-1) {
	background-color: #FFF;
}*/

/*om_delete*/
/*.result-list:nth-child(2n) {
	background-color: #FFFAF0;
}*/

.course-result-list {
	border-bottom: 1px solid #DDD;
}

.course-result-list:nth-of-type(odd) {
	background-color: #FFF;
}

.course-result-list:nth-of-type(even) {
	background-color: #FFFAF0;
}

@media ( max-width : 480px) {
	.course-result-list {
		display: block;
	}
}

.contents-tag {
	border-bottom: 2.5px solid #DDD;
}

.contents-vertical {
	border-bottom: 1px solid #DDD;
	display: table;
}

.contents-header {
	display: table-cell;
	padding: 9px 15px 9px 25px;
	vertical-align: middle;
	width: 20%;
}

@media ( max-width : 480px) {
	.contents-header {
		display: block;
		padding: 7px 5px 7px 5px;
		width: 100%;
	}
}

.contents-complete {
	min-height: 80px;
	padding: 10px;
	position: relative;
}

.contents-complete-message {
	font-size: 120%;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}
@media ( max-width : 480px) {
	.contents-complete-message {
		font-size: 93%;
		left: 50%;
		position: absolute;
		text-align: center;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
	}
}



/* ユーザグループ選択部品 */
.user-group-checkbox {
	width: 5%;
}

.user-group-name {
	width: 90%;
}

/* ユーザグループ詳細(ポップアップ) */
.user-group-list-user-number {
	margin-left: 15px;
	width: 30%;
}

.user-group-list-user-id {
	margin-left: 15px;
	width: 30%;
}

.user-group-list-user-name {
	margin-left: 15px;
	width: 40%;
}

.user-group-list-nenkumiban {
	margin-left: 15px;
	width: 30%;
}

/* 説問追加およびテンプレートエリア */

/*TODO 調整中(contents-display-flex) */
.contents-question-template-area {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: flex-start;
}

.contents-question-template-title {
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
	width: 20%;
}

.contents-question-template-new {
	justify-content: flex-end;
	width: 13%;
}

@media ( max-width : 480px) {
	.contents-question-template-new {
		justify-content: flex-start;
		width: 100%;
	}
}

.contents-question-template-txt-area {
	width: 63%;
}

@media ( max-width : 480px) {
	.contents-question-template-txt-area {
		width: 100%;
	}
}

.contents-template-txt {
	margin-right: 5px;
}

.contents-question-template-control-area {
	padding: 13px 0px 5px 0px;
	width: 4%;
}

.sp-contents-question-template-control-area {
	display: none;
}

@media ( max-width : 480px) {
	.sp-contents-question-template-control-area {
		display: block;
		float: right;
		padding: 0;
		width: 10%;
	}
}

.question-make-btn-txt {
	margin-top: 6px;
}

.last-updater-area {
	float: right;
	margin-right: 70px;
}

@media ( max-width : 480px) {
	.last-updater-area {
		float: none;
		margin: 10px 18px 0 18px;
	}
}

/* ページング */
.paging-area {
	padding-left: 0;
}

.btn-paging {
	display: inline-block;
	padding: 7px 10px 5px;
}

@media ( max-width : 480px) {
	.btn-paging {
		margin-left: 5px;
	}
}

.btn-paging-txt {
	border-radius: 3px;
	min-height: 25px;
	text-align: center;
	text-decoration: none;
}

.paging-txt {
	font-size: 146.5%;
	margin-right: 15px;
	margin-left: auto;
	padding-top: 5px;
}

/* 現在ページのボタン */
.current-page {
	background-color: #FFF;
	color: #434444;
}

/* ポップアップ用 */
.block-popup {
	background: #FFF;
	height: auto;
	margin: auto;
	max-width: 1010px;
	padding-bottom: 10px;
	position: relative;
	width: 100%;
}

@media ( max-width : 480px) {
	.block-popup {
		width: auto;
	}
}

.block-btn-popup-area {
	margin-top: 12px;
	padding-bottom: 12px;
}

@media ( max-width : 480px) {
	.popup-txt {
		font-size: 93%;
		text-align: center;
	}
}

.block-popup-scroll {
	overflow: scroll;
	max-height: 300px;
}

@media ( max-width : 480px) {
	.block-popup-scroll-sp {
		overflow: scroll;
		max-height: 300px;
	}
}

/* 各コンテンツのイメージカラー*/
.inquiry-color {
	background-color: #64C93F;
}

.information-color {
	background-color: #ac732d;
}

.report-color {
	background-color: #F26A6A;
}

.material-color {
	background-color: #2FBACB;
}

.material-sub-color {
	background-color: #D6D8B2;
}

.examination-color {
	background-color: #2B77B4;
}

.survey-color {
	background-color: #F2931B;
}

.discussion-color {
	background-color: #219083;
}

.attendance-color {
	background-color: #c55441;
}

.lti-color {
	background-color: #E87045;
}

.setting-color {
	background-color: #5E6572;
}

.course-search-color {
	background-color: #875397;
}

.portal-color {
	background: #403999;
}

.lms-color {
	background-color: #403999;
}

.info-color {
	background-color: #5E6572;
}

.calendar-color {
	background-color: #3a4e5d;
}

.links-color {
	background-color: #D6736B;
}

.notice-color {
	background-color: #195863;
}

.rss-color {
	background-color: #775548;
}

.questionnaire-color {
	background-color: #f2931b;
}

.cabinet-color {
	background-color: #df5286;
}

/* コーストップアイコン */
.inquiry-icon {
	background: url(../../img/subblock_ico_qa.png);
}

.information-icon {
	background: url(../../img/subblock_ico_information.png);
}

.report-icon {
	background: url(../../img/subblock_ico_report.png);
}

.material-icon {
	background: url(../../img/subblock_ico_content.png);
}

.examination-icon {
	background: url(../../img/subblock_ico_examination.png);
}

.survey-icon {
	background: url(../img/subblock_ico_questionnaire.png);
}

.discussion-icon {
	background: url(../img/subblock_ico_discussion.png);
}

.lti-icon {
	background: url(../img/subblock_other_tools.png);
}

.attendance-icon {
	background: url(../img/subblock_ico_attendance.png);
}

.course-manage-icon {
	background-image: url(../img/subblock_ico_search.png);
}

.course-top-icon {
	background-position: center top;
	background-repeat: no-repeat;
}

@media ( max-width : 480px) {
	.course-top-icon {
		background: none;
	}
}

/* 設問編集アイコン一覧*/
.question-down-icon {
	background: url(../img/examination_btn_down.png) no-repeat;
	min-width: 100%;
	padding-bottom: 10px;
	padding-left: 30px;
}

.question-up-icon {
	background: url(../img/examination_btn_up.png) no-repeat;
	min-width: 100%;
	padding-bottom: 10px;
	padding-left: 30px;
}

.question-copy-icon {
	background: url(../img/examination_btn_copy.png) no-repeat;
	min-width: 100%;
	padding-bottom: 10px;
	padding-left: 30px;
}

.question-edit-icon {
	background: url(../img/examination_btn_edit.png) no-repeat;
	min-width: 100%;
	padding-bottom: 10px;
	padding-left: 30px;
}

.question-delete-icon {
	background: url(../img/examination_btn_delete.png) no-repeat;
	min-width: 100%;
	padding-bottom: 10px;
	padding-left: 30px;
}

/* テスト・アンケート 編集 説問表示 */
/* contents-input-areaとほぼ同じ */
.contents-answer-area {
	display: table-cell;
	padding: 9px 0 0 25px;
	vertical-align: middle;
	width: 80%;
}

.contents-question-border {
	border-bottom: 1px solid #DDD;
}

.contents-question-border:last-child {
	border: none;
}

.contents-question-answer {
	padding: 7px 0px;
	width: 100%; /* ohm add */
}

.contents-question-collect {
	width: 30%;
}

/* 説問表示 */
.contents-quetison-area {
	margin-bottom: 10px;
}

.contents-question-vertical {
	border-bottom: 1px solid #DDD;
	display: table;
	table-layout: fixed;
}

.contents-question-vertical-nosolid {
    display: table;
    table-layout: fixed;
}

.contents-question-title {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 180px;
}

@media ( max-width : 480px) {
	.contents-question-title {
		display: block;
		width: 100%;
		padding: 9px 10px 7px;
		text-align: left;
	}
}

.contents-question-detail-area {
	display: table-cell;
}

@media ( max-width : 480px) {
	.contents-question-detail-area {
		display: block;
		width: 100%;
	}
}

@media ( max-width : 480px) {
	.sp-contents-question-title {
		display: block;
	}
}

.contents-question-save-temp-date {
	display: block;
	font-size: 90%;
	padding-top: 5px;
	text-align: left;
	width: auto;
}

/* 掲示板・問い合わせ */
/* スレッド */
.discussion-main-board {
	padding: 60px 30px 10px;
	background-color: #afcdb1;
}

@media ( max-width : 480px) {
	.discussion-main-board {
		padding: 20px 25px 10px;
	}
}

.discussion-reload-area {
	padding-top: 10px;
	text-align: right;
}

.discussion-message-block {
	width: calc(70% - 90px);
	margin-bottom: 40px;
}

@media ( max-width : 480px) {
	.discussion-message-block {
		width: 100%;
	}
}

.discussion-self {
	text-align: right;
	margin-left: auto;
}

.discussion-other {
	text-align: left;
	margin-right: auto;
}

.discussion-message-main {
	border-radius: 6px;
	display: inline-block;
	font-size: 93%;
	line-height: 1.6;
	padding: 10px 18px 10px;
	position: relative;
	text-align: start;
	max-width: 100%;
	min-width: 370px;
}

@media ( max-width : 480px) {
	.discussion-message-main {
		min-width: 100px;
		padding: 10px 10px 10px;
	}
}

.discussion-self-color {
	background-color: #dbf2fd;
	box-shadow: -1px 1px 1px #5a5a5a;
}

.discussion-student-color {
	background-color: #fff;
	box-shadow: 1px 1px 1px #5a5a5a;
}

.discussion-teacher-color {
	background-color: #ffdad9;
	box-shadow: 1px 1px 1px #5a5a5a;
}

.discussion-self-comment:after {
	background-color: transparent;
	border-top: 8px solid #dbf2fd;
	border-left: 8px solid #dbf2fd;
	border-bottom: 8px solid transparent;
	border-right: 8px solid transparent;
	content: '';
	display: block;
	height: 0;
	position: absolute;
	right: -16px;
	top: 14px;
	width: 0;
}

.discussion-other-comment:before {
	background-color: transparent;
	border-left: 8px solid transparent;
	border-bottom: 8px solid transparent;
	content: '';
	display: block;
	height: 0;
	left: -16px;
	position: absolute;
	top: 14px;
	width: 0;
}

.discussion-teacher-comment:before {
	border-top: 8px solid #ffdad9;
	border-right: 8px solid #ffdad9;
}

.discussion-student-comment:before {
	border-top: 8px solid #fff;
	border-right: 8px solid #fff;
}

/*TODO margin-topしてるだけなのでなんとかしたい*/
.message-margin-top {
	margin-top: 10px;
}

.textarea-contents {
	white-space: pre-wrap;
}

/* テスト解答・アンケート回答画面 残り時間のエリア */
.timer-btn-area-timer {
	float: left;
	padding-right: 20px;
	position: relative;
}

.timer-btn-area-btn {
	display: inline-block;
	margin-top: 10px;
	float: right;
	padding-right: 20px;
	position: relative;
	text-align: center;
	width: 310px;
}

.timer-btn-confirm-area-btn {
	display: inline-block;
	margin-top: 10px;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	text-align: center;
	width: 140px;
	margin-right: 25px;
}

.save-temp-area {
	display: inline-block;
}

.btn-question-confirm {
	display: inline-block;
	vertical-align: top;
}

/* 常時必要 */
.timer-btn-area {
	background-color: #E1E1E0;
	box-shadow: 0 5px 5px #C2C2C2;
	padding: 17px 0 14px 34px;
	width: 100%;
}

@media ( max-width : 480px) {
	.timer-btn-area {
		padding: 5px 0 5px 13px;
	}
}

/*スクロール前*/
.timer-btn-area-unset {
	margin: 15px 0 35px;
}

@media ( max-width : 480px) {
	.timer-btn-area-unset {
		margin: 15px 0;
	}
}

/*スクロール後*/
.timer-btn-area-fixed {
	margin: 0;
	position: sticky;
	top: 59px;
	z-index: 10;
}

.large-timer-number {
	background-color: #FFF;
	border-radius: 4px;
	color: #888988;
	float: left;
	font-size: 269%;
	line-height: 1.1;
	padding: 6px 5px 1px;
}

.small-timer-number {
	background-color: #FFF;
	border-radius: 4px;
	color: #888988;
	font-size: 189%;
	float: left;
	line-height: 1.1;
	margin-top: 13px;
	padding: 4px 3px 0;
}

.large-colon {
	float: left;
	font-size: 269%;
	line-height: 1.1;
	padding: 6px 0 1px;
}

.small-colon {
	float: left;
	font-size: 189%;
	line-height: 1.1;
	margin-top: 13px;
	padding: 4px 0 0;
}

.drag-drop-area {
	background-color: #cde4ff;
	color: rgba(00, 00, 00, 0.35);
	height: 100px;
	margin-top: 10px;
	padding: 20px;
	width: 100%;
}



/* 設問作成画面 */
.question-move-img {
	background: url(../img/move_2d.gif) no-repeat;
	min-height: 10px;
	padding: 0px 0px 0px 15px;
}

/* 一括削除 */
.bulk-delete-title {
	width: 14%;
}

@media ( max-width : 480px) {
	.bulk-delete-title {
		width: 100%;
	}
}

.bulk-delete-btn {
	margin-left: 15px;
	width: 14%;
}

@media ( max-width : 480px) {
	.bulk-delete-btn {
		margin-left: 10px;
		margin-top: 10px;
		width: 100%;
	}
}

.bulk-delete-detail {
	margin-left: 15px;
	width: 72%;
}

@media ( max-width : 480px) {
	.bulk-delete-detail {
		margin: 5px 0px;
		width: 100%;
	}
}

/* 入力エラー背景色 */
.inputErrorField {
	background-color: #fdd4cc;
}

/* エラー件数表示 */
.error-count-message-area {
	margin: 3px 0px 0px 10px;
}

/* エラーブロック */
.error-block {
	margin: 10px 70px 0 34px;
}

@media ( max-width : 480px) {
	.error-block {
		margin: 20px 13px 0;
	}
}

/*TODO 上書きされない方法を見つける */
.contents-hidden {
	display: none;
}

@media ( max-width : 480px) {
	.sp-contents-hidden {
		display: none !important;
	}
}

.pc-contents-hidden {
	display: none !important;
}

@media ( max-width : 480px) {
	.pc-contents-hidden {
		display: block !important;
	}
}

/* ページダイレクトリンク */
.page-directlink {
	margin: 40px 70px 0 34px;
}

@media ( max-width : 480px) {
	.page-directlink {
		margin: 20px 13px 0 13px;
	}
}

.page-directlink-txt {
	color: #545555;
	font-size: 93%;
	float: left;
	margin-right: 10px;
	padding-top: 7px;
}

@media ( max-width : 480px) {
	.page-directlink-txt {
		width: 100%;
	}
}

.direct-link-box {
	width: 25%;
}

@media ( max-width : 480px) {
	.direct-link-box {
		width: 75%;
	}
}

.header-btn-active {
	background-color: transparent;
	box-shadow: none;
	border: 2px solid #434444;
	color: #434444;
	pointer-events: none;
}

/* 履修者一覧選択部品 */
.student-list-checkbox {
	width: 5%;
}
@media ( max-width : 480px) {
	.student-list-checkbox {
		width: 10%;
	}
}

.student-list-user-number {
	width: 25%;
}

.student-list-user-id {
	width: 50%;
}

.student-list-user-name {
	width: 20%;
}

/* お知らせポップアップ */

.information-popup-block{
	background-color: #FFF;
	box-shadow: 5px 5px 5px #C2C2C2;
	display: inline-block;
	margin: 20px 10px 0 10px;
	position: relative;
	width: calc(100% - 70px);
}

.btn-information-move{
	cursor: pointer;
	display: table-cell;
	height: 150px;
	margin-bottom: auto;
	padding: 4px;
	vertical-align: middle;
}

.btn-information-move:hover{
	opacity: 0.6;
}

.btn-information-next{
	float: right;
	margin-top:46px;
	margin-left:4px;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 20px;
}

.btn-information-back{
	float: left;
	margin-top: 46px;
	margin-right: 4px;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 20px;
}

.btn-information-txt{
	display: inline-block;
}

.print-off {
    display: none;
}

/*プリント用CSS*/
.info_set_confirm_preview_sp{
	text-align: center;
	margin-top: 15px
}
@media(max-width: 480px){
	.info_set_confirm_preview_sp{
		display: none;
	}
}
@media print {
	#info_preview {
		width: 100%;
	}

	.information-popup-block{
		width: 100%;
	}
}

/* ロード中のキーフレーム */
@keyframes spin
{
    0%   { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}

@-moz-keyframes spin
{
    0%   { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}

@-webkit-keyframes spin
{
    0%   { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}
.noDataStatus {
	background-color: #FFCCCC;
	border-bottom: 1px solid #DDD;
}

.absenceStudent {
	background-color: #FFCCCC;
}

.absenceStudent:nth-of-type(2n-1) {
	background-color: #FFCCCC;
}

.absenceStudent:nth-of-type(2n) {
	background-color: #FFCCCC;
}

/* 期間指定のリストの長さを調整(jquery内のhtmlの為id指定で記載 */
#hourSelectFrom-menu, #hourSelectTo-menu, #hourSelectFromDisp-menu,
	#hourSelectToDisp-menu, #hourSelectLate-menu {
	overflow-y: auto;
	height: 120px;
	width: 50px;
}

#minuitSelectFrom-menu, #minuitSelectTo-menu, #minuitSelectFromDisp-menu,
	#minuitSelectToDisp-menu, #minuitSelectLate-menu {
	overflow-y: auto;
	height: 120px;
	width: 50px;
}

/* ohm add */
#timeSelectFrom-menu, #timeSelectTo-menu, #timeSelectFromDisp-menu,
	#timeSelectToDisp-menu, #timeSelectLate-menu{
	overflow-y: auto;
	height: 120px;
	width: 70px;
}

/* システムエラー画面 */
.system-error-body {
	background-color: #EDF3F7;
	margin: auto;
}

@media ( max-width : 480px) {
	.system-error-body {
		margin: 10px;
	}
}

.system-error-title-txt {
	font-size: 32px;
}

.system-error-txt {
	font-size: 15px;
}

.system-error-date-txt {
	font-size: 14px;
}

/* ファイルアップロードクラス(課題もそのうち共通にする) */
.file-input-area{
	padding-bottom: 55px;
}
@media(max-width: 480px){
	.file-input-area{
		padding-bottom: 0px;
	}
}

.file-object-area{
	margin-bottom: 10px;
}

.file-name-area{
	float: left;
	width: 55%;
}

@media(max-width: 480px){
	.file-btn-sp{
		margin-left: 80%;
	}
}

/* お知らせ重要度 枠の大きさや文字のweight管理 */
.portal-information-priority {
	border-radius: 2px; /*om_add*/
	bottom: 1px; /*om_add*/
	font-size: 80%; /*om_add*/
	/*font-weight: bold;*/ /*om_change*/
	font-weight: normal;
	/*margin: 0 2px 0 0;*/ /*om_change*/
	margin: 0 0 0 5px;
	/*padding:0px 3px;*/ /*om_change*/
	padding: 3px 5px 2px;
	position: relative; /*om_add*/
	word-break: keep-all;
}

/* お知らせ重要度 緊急タイプ(importanceType=3)の重要度 */
.portal-information-priority-urgency-color{
	background-color: #f00;
	color: #FFF;
}

/* お知らせ重要度 重要タイプ(importanceType=2)の重要度 */
.portal-information-priority-important-color{
	background-color: #00a02b;
	color: #FFF;
}

/* お知らせ重要度 通常タイプ(importanceType=1)の重要度 */
.portal-information-priority-normal-color{
	background-color: #f00;
	color: #FFF;
	display: none;/* 現在は非表示 */
}

.portal-information-unread{
	background-color: #565251;
	color: #FFF;
}

/*om_add*/ /*回答必須*/
.portal-information-priority-answer-color{
	background-color: #35a16b;
	color: #fff;
}

/*om_add*/ /*先着順*/
.portal-information-priority-first-color{
	background-color: #ff99a0;
	color: #fff;
}

/*om_add*/ /*要返信*/
.portal-information-priority-reply-color{
	background-color: #ff9900;
	color: #fff;
}

/*om_add*/ /*返信済*/
.portal-information-priority-replyed-color{
	background-color: #d9d9d9;
}

/* --------------- */
/* Task List       */
/* --------------- */
.result_list .result_list_line,
.result_list .result_list_tag {
	display : flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content : flex-start;
	align-items : center;
}

.result_list .result_list_tag{
	font-size:108%;
	color:#27251F;
	font-weight:bold;
	padding:8px 6px 6px;
	border-bottom:2.5px solid #DDD;
}

.result_list .result_list_tag{
	font-size:108%;
	color:#27251F;
	font-weight:bold;
	padding:8px 6px 6px;
	border-bottom:2.5px solid #DDD;
}
div.result_list_content .result_list_line:nth-of-type(odd) {
	background-color : #FFF;
}
div.result_list_content .result_list_line:nth-of-type(even) {
	background-color : #f2a9000f;
}

.result_list .result_list_line{
	font-size:93%;
	color:#545555;
	padding:10px 6px 8px;
	border-bottom:1px solid #DDD;
	position:relative;
}

@media (max-width: 480px) {
	.result_list .result_list_line{
		padding:0;
		background-color:#FFF;
	}

	div.result_list_content .result_list_line:nth-of-type(even) {
		/*background-color : #FFF;*/
	}

	.result_list:not(.sp_normal) .result_list_line {
		display : block;
	}

	.sp_normal.result_list .result_list_line {
		margin : 0px;
		padding : 5px 0px;
	}

	.sp_normal.result_list .result_list_tag {
		display : flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		background-color : #FFF;
	}

	.sp_normal.result_list .result_list_line:nth-child(odd) {
		/*background-color : #ECEBEA;*/
	}

	.sp_normal.result_list .result_list_line {
		box-shadow: none;
	}
}

.course-manage{
	display: flex;
}
@media(max-width: 480px){
	.course-manage{
		display: block;
		width: 93%;
		margin: 20px auto 0;
	}
}

/* ==========================================================================
   ▲ここまで既存(一部はportal_common_2023.cssとマージ)
========================================================================== */

/* ==========================================================================
   コントロールメニュー
========================================================================== */
.control-menu {
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.17);
          box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.17);
  border-radius: 6px;
  width: auto;
  overflow: hidden;
  padding: 15px 0;
  background-color: #FFF;
  list-style-type: none;
  margin: 0;
  position: absolute;
  z-index: 15;
  right: 0;
}
.control-menu .control-list:nth-child(2n) {
  background-color: #fff;
}

.control-menu-colomn {
  color: #222;
  font-size: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 10px;
  font-weight: normal;
  height: 36px;
  text-align: left;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
  white-space: nowrap;
  padding-right: 15px;
  align-items: center;
  cursor: pointer;
  display: flex;
  text-decoration: none;
}
@media (hover: hover) {
  .control-menu-colomn:hover {
    background-color: #f0efff;
  }
}
.control-menu-colomn::before {
  content: "arrow_right";
  font-family: "Material Icons";
  color: #333;
  font-size: 20px;
}

@media screen and (max-width: 480px) {
  .control-menu {
    width: 50vw;
  }

  .control-menu-colomn {
    white-space: initial;
  }
}

/* ==========================================================================
   ステップバー
========================================================================== */
.stepbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 27px auto 30px;
  width: 500px;
  list-style-type: none;
  z-index: 0;
  position: relative;
  padding: 0;
  text-align: center;
}

.stepbar-item {
  width: 25%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

.stepbar-item::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #d3d3d3;
  display: block;
  position: absolute;
  top: 15px;
  z-index: -1;
  right: -50%;
}

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

.stepbar-num {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #d3d3d3;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 30px;
  position: relative;
}

.stepbar-txt {
  font-size: 113.3333333333%;
  line-height: 1.2;
  color: #afadcc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.stepbar-item.done::after {
  background-color: #a1d8c1;
}

.stepbar-item.done .stepbar-num {
  background-color: #a1d8c1;
  font-weight: bold;
}

.stepbar-item.current .stepbar-num {
  background-color: #43B283;
  font-weight: bold;
}

.stepbar-item.current .stepbar-txt {
  color: #403999;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
  .stepbar {
    width: 100%;
  }

  .stepbar-txt {
    font-size: 100%;
  }
}
.stepbar-num {
  line-height: 30px;
}
.stepbar .stepbar-item {
  width: 30%;
}
.stepbar .stepbar-num,
.stepbar .stepbar-item::after {
  background-color: #d3d3d3;
}
.stepbar .stepbar-txt {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.stepbar--yellow .stepbar-item.done .stepbar-num,
.stepbar--yellow .stepbar-item.done:after,
.stepbar--yellow .stepbar-item.current .stepbar-num {
  background-color: #fad42c;
}
.stepbar--orange .stepbar-item.done .stepbar-num,
.stepbar--orange .stepbar-item.done:after{
  background-color: #ecc291;
}
.stepbar--orange .stepbar-item.current .stepbar-num {
  background-color: #f7a529;
}
.stepbar--brown .stepbar-item.done .stepbar-num,
.stepbar--brown .stepbar-item.done:after{
  background-color: #c3aca3;
}
.stepbar--brown .stepbar-item.current .stepbar-num {
  background-color: #a57850;
}
.stepbar--red .stepbar-item.done .stepbar-num,
.stepbar--red .stepbar-item.done:after{
  background-color: #eaa29e;
}
.stepbar--red .stepbar-item.current .stepbar-num {
  background-color: #e65845;
}
.stepbar--pink .stepbar-item.done .stepbar-num,
.stepbar--pink .stepbar-item.done:after{
  background-color: #e396cb;
}
.stepbar--pink .stepbar-item.current .stepbar-num {
  background-color: #e24aa3;
}
.stepbar--green .stepbar-item.done .stepbar-num,
.stepbar--green .stepbar-item.done:after{
  background-color: #b1d5a4;
}
.stepbar--green .stepbar-item.current .stepbar-num {
  background-color: #76be51;
}
.stepbar--blue .stepbar-item.done .stepbar-num,
.stepbar--blue .stepbar-item.done:after{
  background-color: #99cebc;
}
.stepbar--blue .stepbar-item.current .stepbar-num {
  background-color: #43b283;
}
.stepbar--default .stepbar-item.done .stepbar-num,
.stepbar--default .stepbar-item.done:after{
  background-color: #9F9BCC;
}
.stepbar--default .stepbar-item.current .stepbar-num {
  background-color: #403999;
}

/* ==========================================================================
   トグルスイッチ(デザイン会社様受領時) ▼実装時に問題あったので削除予定
========================================================================== */
.switch-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: -5px;
  margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
  .switch-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.switch-wrap .switch-title {
  color: #403999;
}
.switch-wrap .switch {
  position: relative;
  display: inline-block;
  width: 160px;
  height: 32px;
}
.switch-wrap .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-wrap .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f0efff;
  border-radius: 16px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-wrap .slider::before {
  content: "OFF";
  font-size: 15px;
  font-weight: bold;
  color: #403999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  height: 100%;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
.switch-wrap .slider:after {
  position: absolute;
  content: "ON";
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
  width: 80px;
  left: 2px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-color: #403999;
  border-radius: 14px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-wrap input:checked + .slider:before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.switch-wrap input:checked + .slider:after {
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}

/* ==========================================================================
   ▲ここまで
========================================================================== */

/* ==========================================================================
   ヘッダユーザ情報
========================================================================== */
.login-view {
	background-color: #edf3f7;
	padding: 0 30px 7px 34px;
}
@media ( max-width : 480px) {
	.login-view {
		padding: 0 13px 13px;
	}
}
.login-view-name {
	float: right;
	padding-top: 8px;
}
@media ( max-width : 480px) {
	.login-view-name {
		padding-bottom: 15px;
	}
}

/* ==========================================================================
   表示枠(ブロック)
========================================================================== */
.block {
	background-color: #FFF;
	border: 2px solid #ebebeb;
	border-radius: 10px;
	box-shadow: none;
	margin: 25px 30px;
	padding: 20px;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
@media ( max-width : 480px) {
	.block {
		font-size: 100%;
		margin: 30px 10px !important;
		padding: 20px 10px !important;
	}
}
.block:last-child {
  margin-bottom: 0;
}
.block .block {
  border: 1px solid #ebebeb;
  margin: 0;
  padding: 15px;
}
.block .block + .block {
  margin-top: 20px;
}
.flex {
	display: flex;
}
@media ( max-width : 480px) {
	.flex {
		display: block;
	}
}
.block-wide {
	padding: 10px 25px 10px;
	width: 100%;
}
@media ( max-width : 480px) {
	.block-wide {
		display: inline-block;
		padding: 7px 5px 7px;
	}
}
.block-title {
	padding: 0;
	position: relative;
	margin-bottom: 10px;
}
@media ( max-width : 480px) {
	.block-title {
		float: none;
	}
}
.block-title-underline {
  padding-bottom: 11px;
  margin-bottom: 10px;
  border-bottom: 2px solid #403999;
}
.block-title-txt {
	color: #625a3c;
	font-size: 106.6666666667%;
	line-height: 1.2;
	font-weight: bold;
	width: 100%;
	word-break: break-all;
}
@media ( max-width : 480px) {
	.block-title-txt {
		word-break: break-all;
	}
}
.block-title-txt span {
  color: #625a3c;
}
.block-title-underline .block-title-txt {
  color: #403999;
  font-size: 113.3333333333%;
}
.block-title-underline .block-title-txt span {
  color: #403999;
}
.block-title-txt::before {
  content: "";
  width: 6px;
  height: 19px;
  display: inline-block;
  background-color: #625a3c;
  border-radius: 1px;
  margin-right: 7px;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);

}
.block-title-txt:nth-of-type(n+2)::before {
  display: none;
}
.block-title-icon::before {
  content: attr(data-icon);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-content: center;
  background-color: transparent;
  width: 40px;
  height: auto;
  margin: 0;
  font-size: 25px;
  line-height: 0.75;
  color: #403999;
  float: left;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
.block-title-txt span.highlight-txt {
  font-size: 14px;
  font-weight: normal;
  color: #333333;
}
/*
 totec課題No102で削除について確認中
*/
/* .block-title-txt span.highlight-txt::before { */
/*   content: "*"; */
/*   position: relative; */
/*   display: inline-block; */
/*   font-size: 30px; */
/*   color: #ff2800; */
/*   top: 5px; */
/*   padding-right: 2px; */
/*   line-height: 1; */
/*   height: 20px; */
/*   overflow: hidden; */
/* } */

/*
.c-block1
*/
.c-block1 {
  border: 2px solid #EAEAF4;
  padding-bottom: 20px;
}
.c-block1.is-style1 {
  margin-top: 30px;
}
.c-block1 .c-title3 {
  margin-top: 20px;
}
.c-block1.is-style1 .c-title3 {
  margin-top: 0;
}
.c-block1.is-style1 .result {
  border: 0;
  padding: 0;
  background: #fcf4e4;
  border-radius: 0;
}
.c-block1.is-style1 .result .bold-txt {
  font-weight: normal;
}
.c-block1.is-style1 .result .contents-tag {
  border-bottom: 1px solid #ebebeb;
}
.c-block1.is-style1 .result .bulk-delete-title {
  width: auto;
}
.c-block1.is-style1 .result .bulk-delete-btn {
  width: auto;
}
.c-block1 .contents-header {
  padding-left: 15px;
  border-right: 1px solid #ebebeb;
}
.c-block1 .contents-header-txt {
  font-size: 100%;
}
.c-block1 .contents-input-area {
  padding-left: 15px;
}
/*
.c-block2
*/
.c-block2 {
  width: auto;
  margin-left: 23px;
  margin-right: 37px;
}
.c-block2__inner {
  background-color: #ffffff;
  border-radius: 10px;
  border: 2px solid #EAEAF4;
  padding: 10px 0;
}
.c-block2 .contents-title {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 12px;
}
.c-block2 .block {
  border: 1px solid #EBEBEB;
  margin: 20px 15px;
  padding: 15px 14px;
}
.c-block2 .block .c-btn1 {
  margin-top: 21px;
}
.c-block2 .c-btn-gr1 .c-btn1 {
  margin-top: 0;
}

/*
.c-block3
*/
.c-block3 > .block {
  margin: 20px 0;
  padding: 15px;
  border: 1px solid #EBEBEB;
  border-radius: 10px;
}
.c-block3 > .block .ql-snow {
  border: 0 !important;
}
.c-block3 > .block .contents-question-title {
  display: block;
  width: 100%;
  text-align: left;
}
.c-block3 > .block .contents-question-title.survey-color {
  background: transparent;
}
.c-block3 > .block .contents-question-vertical {
  border-bottom: none;
}
.c-block3 > .block .contents-question-detail-area {
  display: block;
  width: 100%;
}
.c-block3 > .block .contents-question-detail-area .contents-tag {
  border: none;
}
.c-block3 > .block .contents-question-detail-area .contents-tag.contents-header-txt {
  padding: 7px 15px;
}
.c-block3 > .block .contents-question-detail-area .contents-tag.contents-header-txt p {
  margin: 0;
}
.c-block3 > .block .contents-question-detail-area .contents-display-flex {
  padding: 0;
}
.c-block3 > .block .contents-question-detail-area .surveys-contents-quetison-area {
  padding: 7px 15px;
  font-size: 15px;
  margin-bottom: 0;
}
.c-block3 > .block .contents-question-detail-area .surveys-contents-quetison-area:last-child {
  border-bottom: 0;
}
.c-block3 > .block .contents-question-detail-area .survey-question-radio,
.c-block3 > .block .contents-question-detail-area .survey-question-checkbox {
  margin-right: 5px;
}
.c-block3 > .block .contents-question-detail-area .survey-question-radio {
  top: 3px;
}
.c-block3 > .block .contents-question-detail-area .survey-question-checkbox {
  top: 1px;
}
.c-block3 > .block .contents-question-detail-area .contents-quetison-area {
  padding: 5px 15px;
  margin-bottom: 0;
}
.c-block3 > .block .contents-question-detail-area .contents-quetison-area.c-flex-rever {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-block3 > .block .contents-question-detail-area .contents-quetison-area input[type=text],
.c-block3 > .block .contents-question-detail-area .contents-quetison-area textarea {
  width: 90%;
  margin-right: 5px;
  border: 1px solid #DADADA;
}
.c-block3 > .block .contents-question-detail-area .counterArea {
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-block3 > .block .contents-question-detail-area .survey-question-table .ql-editor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-block3 > .block .contents-question-detail-area .survey-question-table-left {
  width: 135px;
  padding-bottom: 0;
  border-right: 1px solid #EBEBEB;
}
.c-block3 > .block .contents-question-detail-area .survey-question-table-left .ql-editor {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.c-block3 > .block .contents-question-detail-area .survey-question-table-left .survey-question-table-colomn {
  background: #fdf7e0;
}
.c-block3 > .block .contents-question-detail-area .survey-quesiton-table-header-colomn {
  background: #fdf7e0;
}
.c-block3 > .block .contents-question-detail-area .survey-question-table-right {
  width: calc(100% - 135px);
  padding-bottom: 0;
  overflow-x: auto;
}
.c-block3 > .block .contents-question-detail-area .survey-question-table-line {
  height: 46px !important;
}
.c-block3 > .block .contents-question-detail-area .survey-question-table-colomn {
  width: auto;
}
.c-block3 > .block .contents-question-detail-area .survey-question-table {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.c-block3 > .block .contents-question-detail-area .textarea-add-box {
  border: 1px solid #EBEBEB;
}
.c-block3 > .block .contents-question-detail-area .c-fileupload-area {
  display: block;
  width: 100%;
}

.block-dummy {
	padding-bottom: 55px;
}
@media ( max-width : 480px) {
	.block-dummy {
		padding-bottom: 0px;
	}
}
.block-cube {
	min-height: 185px;
	width: 190px;
}
@media ( max-width : 480px) {
	.block-cube {
		min-height: auto;
		width: 100%;
	}
}

/* タイトルボタンが存在する場合に必要 */
.block-title-inline {
	display: inline-block;
	width: 56%;
}
.cube-block-title-txt {
	background-position: center top;
	background-repeat: no-repeat;
	padding: 65px 10px 0;
	position: absolute;
	text-align: center;
	top: calc(50% - 57px);
}
@media ( max-width : 480px) {
	.cube-block-title-txt {
		padding: 10px 10px 10px;
		text-align: left;
		position: relative;
	}
}
.block-title-btn {
	bottom: 10px;
	left: 15px;
	position: absolute;
}
@media ( max-width : 480px) {
	.block-title-btn {
		background-color: inherit;
		margin: 0;
		padding: 0 20px 20px;
		position: relative;
		bottom: 0;
		left: 0;
		float: left;
		width: 100%;
	}
}

a.block-title-btn.popup-infodetail-trush-hidden {
	display: none;
}

.block-contents {
	background-color: #FFF;
	float: left;
	width: calc(100% - 190px);
}
@media ( max-width : 480px) {
	.block-contents {
		width: 100%;
	}
}
.block-under-area {
	margin-left: 30px;
	margin-right: 30px;
}
@media ( max-width : 480px) {
	.block-under-area {
		margin-left: 30px;
		margin-right: 30px;
	}
}
.block-under-area-btn {
	text-align: center;
}
@media ( max-width : 480px) {
	.block-under-area-btn-adjustment {
		display: flex;;
	}
}

.under-area-txt {
	text-align: center;
	margin-bottom: 20px;
}


/* ==========================================================================
   コンテンツ（共通）
========================================================================== */
.cp-contents .pd-0 {
  padding: 0 !important;
}
.cp-contents .pt-0 {
  padding-top: 0 !important;
}
.cp-contents .pr-0 {
  padding-right: 0 !important;
}
.cp-contents .pb-0 {
  padding-bottom: 0 !important;
}
.cp-contents .pl-0 {
  padding-left: 0 !important;
}
.cp-contents .pt-5 {
  padding-top: 5px;
}
.cp-contents .pr-5 {
  padding-right: 5px;
}
.cp-contents .pb-5 {
  padding-bottom: 5px;
}
.cp-contents .pl-5 {
  padding-left: 5px;
}
.cp-contents .pt-10 {
  padding-top: 10px;
}
.cp-contents .pr-10 {
  padding-right: 10px;
}
.cp-contents .pb-10 {
  padding-bottom: 10px;
}
.cp-contents .pl-10 {
  padding-left: 10px;
}
.cp-contents .pt-13 {
  padding-top: 13px;
}
.cp-contents .pr-13 {
  padding-right: 13px;
}
.cp-contents .pb-13 {
  padding-bottom: 13px;
}
.cp-contents .pl-13 {
  padding-left: 13px;
}
.cp-contents .pt-15 {
  padding-top: 15px;
}
.cp-contents .pr-15 {
  padding-right: 15px;
}
.cp-contents .pb-15 {
  padding-bottom: 15px;
}
.cp-contents .pl-15 {
  padding-left: 15px;
}
.cp-contents .pt-20 {
  padding-top: 20px;
}
.cp-contents .pr-20 {
  padding-right: 20px;
}
.cp-contents .pb-20 {
  padding-bottom: 20px;
}
.cp-contents .pl-20 {
  padding-left: 20px;
}
.cp-contents .pt-30 {
  padding-top: 30px;
}
.cp-contents .pr-30 {
  padding-right: 30px;
}
.cp-contents .pb-30 {
  padding-bottom: 30px;
}
.cp-contents .pl-30 {
  padding-left: 30px;
}
.cp-contents .mg-0 {
  margin: 0 !important;
}
.cp-contents .mt-0 {
  margin-top: 0 !important;
}
.cp-contents .mr-0 {
  margin-right: 0 !important;
}
.cp-contents .mb-0 {
  margin-bottom: 0 !important;
}
.cp-contents .ml-0 {
  margin-left: 0 !important;
}
.cp-contents .mt-5 {
  margin-top: 5px;
}
.cp-contents .mr-5 {
  margin-right: 5px;
}
.cp-contents .mb-5 {
  margin-bottom: 5px;
}
.cp-contents .ml-5 {
  margin-left: 5px;
}
.cp-contents .mb-7 {
  margin-bottom: 7px;
}
.cp-contents .mt-10 {
  margin-top: 10px;
}
.cp-contents .mr-10 {
  margin-right: 10px;
}
.cp-contents .mb-10 {
  margin-bottom: 10px;
}
.cp-contents .ml-10 {
  margin-left: 10px;
}
.cp-contents .mt-13 {
  margin-top: 13px;
}
.cp-contents .mr-13 {
  margin-right: 13px;
}
.cp-contents .mb-13 {
  margin-bottom: 13px;
}
.cp-contents .ml-13 {
  margin-left: 13px;
}
.cp-contents .mt-15 {
  margin-top: 15px;
}
.cp-contents .mr-15 {
  margin-right: 15px;
}
.cp-contents .mb-15 {
  margin-bottom: 15px;
}
.cp-contents .ml-15 {
  margin-left: 15px;
}
.cp-contents .mt-20 {
  margin-top: 20px;
}
.cp-contents .mr-20 {
  margin-right: 20px;
}
.cp-contents .mb-20 {
  margin-bottom: 20px;
}
.cp-contents .ml-20 {
  margin-left: 20px;
}
.cp-contents .mt-30 {
  margin-top: 30px;
}
.cp-contents .mr-30 {
  margin-right: 30px;
}
.cp-contents .mb-30 {
  margin-bottom: 30px;
}
.cp-contents .ml-30 {
  margin-left: 30px;
}
.cp-contents .align-center {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cp-contents .align-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 30px;
}
.cp-contents .align-right .under-btn {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .cp-contents .align-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 15px;
    margin-right: 15px;
  }
  .cp-contents .align-right.contents-display-flex-exchange-sp {
    display: block;
  }
  .cp-contents .align-right.exchange-sp {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
    margin-top: 20px;
  }
  .cp-contents .align-right.exchange-sp .under-btn {
    margin-left: 0;
    margin-right: 0;
  }
  .cp-contents .sp-flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 5px;
  }
}
.cp-contents .sp-flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.cp-contents .sp-flex-column .sp-flex-column--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cp-contents .ellipsis {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.cp-contents .bg-transparent {
  background-color: transparent !important;
}
.cp-contents .contents-title-icon {
  position: relative;
  padding-left: 50px;
}
.cp-contents .contents-title-icon::before {
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  left: 0;
  top: -4px;
  background-size: 40px auto;
}
.cp-contents .icon-surveys::before {
  background-image: url(../img/cp/icon-surveys.png);
}
.cp-contents .icon-information::before {
  background-image: url(../img/cp/icon-information.png);
}
.cp-contents .icon-address::before {
  background-image: url(../img/cp/icon-address.png);
}
.cp-contents .icon-altlogin::before {
  background-image: url(../img/cp/icon-altlogin.png);
}
.cp-contents .icon-settings::before {
  background-image: url(../img/cp/icon-settings.png);
}
.cp-contents .icon-user_manage::before {
  background-image: url(../img/cp/icon-user_manage.png);
}
.cp-contents .block .block + .block.mt-10 {
  margin-top: 10px;
}
.cp-contents .block-title:not(.block-title-underline):not(:first-child) {
  margin-top: -8px;
}
.cp-contents .block .block .block-title {
  margin-top: 0 !important;
}
.cp-contents .block-title-icon[data-icon^=img-icon-] {
  position: relative;
  padding-left: 25px;
}
.cp-contents .block-title-icon[data-icon^=img-icon-]::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: left top;
}
.cp-contents .block-title-icon[data-icon=img-icon-add]::before {
  left: 0;
  top: 2px;
  background-image: url(../img/cp/icon-add.png);
  background-size: 17px auto;
}
.cp-contents .block-title-icon[data-icon=img-icon-search]::before {
  left: 0;
  top: 2px;
  background-image: url(../img/cp/icon-search.png);
  background-size: 17px auto;
}
.cp-contents .block-title-icon[data-icon=img-icon-surveys_settings]::before {
  left: 0;
  top: 2px;
  background-image: url(../img/cp/icon-surveys_settings.png);
  background-size: 19px auto;
}
.cp-contents .block-title-icon[data-icon=img-icon-clicker_settings]::before {
  left: 0;
  background-image: url(../img/cp/icon_clicker.svg);
  background-size: 19px auto;
}
.cp-contents .block-title-icon[data-icon=img-icon-check]::before {
  left: 0;
  top: 2px;
  background-image: url(../img/cp/icon-check.png);
  background-size: 17px auto;
}
.cp-contents .block-title-icon[data-icon=img-icon-information_settings]::before {
  left: 0;
  top: 2px;
  background-image: url(../img/cp/icon-information_settings.png);
  background-size: 17px auto;
}
.cp-contents .block-title-icon[data-icon=img-icon-arrow]::before {
  left: 0;
  top: 2px;
  background-image: url(../img/cp/icon-arrow.png);
  background-size: 9px auto;
}
.cp-contents .block-title-icon[data-icon=img-icon-address_settings] {
  padding-left: 32px;
}
.cp-contents .block-title-icon[data-icon=img-icon-address_settings]::before {
  left: 0;
  top: 2px;
  background-image: url(../img/cp/icon-address_settings.png);
  background-size: 24px auto;
}
.cp-contents .block-title-icon[data-icon=img-icon-address_register]::before {
  left: 0;
  top: 2px;
  background-image: url(../img/cp/icon-address_register.png);
  background-size: 15px auto;
}
.cp-contents .block-title-icon[data-icon=img-icon-graph]::before {
  left: 0;
  top: 4px;
  background-image: url(../img/cp/icon-graph.png);
  background-size: 16px auto;
}
.cp-contents .block-title-icon[data-icon=img-icon-list] {
  padding-left: 30px;
}
.cp-contents .block-title-icon[data-icon=img-icon-list]::before {
  left: 0;
  top: 3px;
  background-image: url(../img/cp/icon-list.png);
  background-size: 17px auto;
}
.cp-contents .block-title-icon[data-icon=img-icon-language]::before {
  left: 0;
  top: 2px;
  background-image: url(../img/cp/icon-language.png);
  background-size: 17px auto;
}
.cp-contents .block-title-icon[data-icon=img-icon-password]::before {
  left: 0;
  top: 6px;
  background-image: url(../img/cp/icon-password.png);
  background-size: 17px auto;
}
.cp-contents .block-title-icon[data-icon=img-icon-transfer]::before {
  left: 0;
  top: 2px;
  background-image: url(../img/cp/icon-transfer.png);
  background-size: 17px auto;
}
.cp-contents .block-title-icon[data-icon=img-icon-mylink]::before {
  left: 0;
  top: 2px;
  background-image: url(../img/cp/icon-mylink.png);
  background-size: 16px auto;
}
.cp-contents .block-title-icon[data-icon=question_answer]::before {
  width: 25px;
  font-size: 20px;
  justify-content: flex-start;
  transform: translateY(4px);
}
.cp-contents .block-title-icon[data-icon=img-icon-download] {
    left: 0;
    top: 2px;
    background-image: url(../img/icon/icon_download.svg);
    background-size: 17px auto;
    background-repeat: no-repeat;
}
.cp-contents .block .contents-under-area {
  margin: 30px 0 0;
}
.cp-contents .block-under-area {
  margin: 20px 30px 0;
  clear: both;
}
.cp-contents .block-under-area .align-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  margin: 0 auto 60px;
}
.cp-contents .block-under-area .align-vertical .under-btn {
  width: 220px;
}
@media screen and (max-width: 480px) {
  .cp-contents .block-under-area .align-vertical {
    gap: 15px;
    margin: 0 auto 30px;
  }
}
.cp-contents .block-under-area .align-vertical:has(.under-area-txt) {
  margin-bottom: 5px;
}
@media screen and (min-width: 481px) {
  .cp-contents .last-updater-area + .block-under-area {
    margin-top: 60px;
  }
}
@media screen and (min-width: 481px) {
  .cp-contents .block-under-area-btn .under-btn {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.cp-contents .ui-sortable-handle {
  cursor: move;
}
@media screen and (min-width: 481px) {
  .cp-contents .width-x-small {
    width: 54px;
  }
  .cp-contents .width-m-small {
    width: 70px;
  }
  .cp-contents .width-small {
    width: 108px;
  }
  .cp-contents .width-fifteen {
    width: 15%;
  }
  .cp-contents .width-one-fourth {
    width: 20%;
  }
  .cp-contents .width-one-third {
    width: 33%;
  }
  .cp-contents .width-two-fifths {
    width: 40%;
  }
  .cp-contents .width-half {
    width: 50%;
  }
  .cp-contents .width-85-pct {
    width: 85%;
  }
  .cp-contents .width-full {
    width: 100%;
  }
}
@media screen and (min-width: 481px) {
  .cp-contents .pc-width-two-fifths {
    width: 40% !important;
  }
}
@media screen and (max-width: 480px) {
  .cp-contents .width-x-small,
  .cp-contents .width-m-small,
  .cp-contents .width-small,
  .cp-contents .width-fifteen,
  .cp-contents .width-one-fourth,
  .cp-contents .width-quarter,
  .cp-contents .width-thirty,
  .cp-contents .width-one-third,
  .cp-contents .width-two-fifths {
    width: 60%;
  }
}
.cp-contents .btn-wide {
  min-width: 174px;
}
.cp-contents .btn-secondary-icon {
  position: relative;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 15px;
  padding-left: 15px;
}
@media (hover: hover) {
  .cp-contents .btn-secondary-icon:hover::before {
    color: #675de2;
  }
}
.cp-contents .btn-secondary-icon::before {
  content: attr(data-icon);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  width: 100%;
  height: 100%;
  margin: auto 0;
  font-size: 23px;
  line-height: 0.75;
  color: #403999;
  font-family: "Material Symbols Outlined";
    font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}
.cp-contents .btn-secondary-icon[data-icon=content_copy] {
  padding-right: 8px;
}
@media screen and (min-width: 481px) {
  .cp-contents .columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
  }
  .cp-contents .columns .column {
    -ms-flex-preferred-size: calc((100% - 20px) / 2);
        flex-basis: calc((100% - 20px) / 2);
  }
}
.cp-contents .contents-complete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  text-align: center;
  padding: 35px 0 40px;
  min-height: none;
}
.cp-contents .contents-complete::before {
  content: "check_circle";
  font-family: "Material Symbols Outlined";
  font-size: 70px;
  line-height: 1;
  color: #28bc2d;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
.cp-contents .contents-complete-warn::before {
  content: "error";
  font-family: "Material Symbols Outlined";
  font-size: 70px;
  line-height: 1;
  color: #ff2800;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
.cp-contents .contents-complete-message {
  position: relative;
  top: auto;
  left: auto;
  background-color: #fdf7e0;
  font-size: 100%;
  width: 40%;
  padding: 10px;
  transform: none;
  -webkit-transform: none;
}
@media screen and (max-width: 480px) {
  .cp-contents .contents-complete {
    padding: 0;
    gap: 10px;
  }
  .cp-contents .contents-complete-message {
    width: 100%;
  }
}
.cp-contents .border-top {
  border-top: 1px solid #ebebeb !important;
}
.cp-contents .border-bottom {
  border-bottom: 1px solid #ebebeb !important;
}
.cp-contents .list-count {
  padding-left: 1em;
}
.cp-contents .last-updater-area {
  float: none;
  margin: 0 0 -13px 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 80%;
}
.cp-contents .bulk-delete-title {
  width: auto;
}
.cp-contents .input-box,
.cp-contents .input-box + span,
.cp-contents .input-checkbox,
.cp-contents .input-checkbox + label {
  vertical-align: middle;
}
.cp-contents .input-select-box-area {
  vertical-align: middle;
}
@media screen and (min-width: 481px) {
  .cp-contents .input-select-box-area {
    display: inline-block;
  }
  .cp-contents .input-select-box-area.pc-contents-hidden {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .cp-contents .input-select-box-area.sp-contents-hidden {
    display: none;
  }
  .cp-contents .btn-inline {
    max-width: 70%;
  }
}
@media screen and (min-width: 481px) {
  .cp-contents .input + .input-select-box-area {
    margin-left: 7px;
  }
}
.cp-contents .input-checkbox {
  top: 0 !important;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}
.cp-contents .input-checkbox[disabled] {
  top: -3px !important;
}
@media screen and (min-width: 481px) {
  .cp-contents .input-checkbox:last-child, .cp-contents .input-checkbox:has(+ [type=hidden]) {
    top: -3px !important;
  }
}
@media screen and (min-width: 481px) {
  .cp-contents label > .input-checkbox {
    top: -3px !important;
  }
  .cp-contents .cp-table.is-horizontal .input-checkbox {
    top: -1px !important;
  }
}
.cp-contents input[type=hidden] + .input-checkbox {
  margin-left: 0;
}
.cp-contents .font-size-inherit {
  font-size: inherit !important;
}
.cp-contents .block-title-underline {
  height: auto !important;
}
.cp-contents .block-title-txt span.highlight-txt {
  color: #ff2800 !important;
}
.cp-contents .btn-control.disabled {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  opacity: 0.4;
}
.cp-contents .btn.disabled,
.cp-contents .under-btn.disabled {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
  pointer-events: none;
  opacity: 1;
}
.cp-contents .btn.disabled.btn-secondary,
.cp-contents .under-btn.disabled.btn-secondary {
  background-color: #fff;
  color: #b3b3b3;
}
.cp-contents .link-txt a {
  color: #403999;
}
.cp-contents .font-weight-normal {
  font-weight: normal !important;
}
.cp-contents .stepbar--3steps .stepbar-item {
  width: 33.3333333333%;
}
.cp-contents .stepbar--green .stepbar-item.done .stepbar-num {
  background-color: #a1d8c1;
}
.cp-contents .stepbar--green .stepbar-item.current .stepbar-num {
  background-color: #43B283;
}
.cp-contents .stepbar--green .stepbar-item.done::after {
  background-color: #a1d8c1;
}
.cp-contents .stepbar--orange .stepbar-item.done .stepbar-num {
  background-color: #fbd294;
}
.cp-contents .stepbar--orange .stepbar-item.current .stepbar-num {
  background-color: #f7a529;
}
.cp-contents .stepbar--orange .stepbar-item.done::after {
  background-color: #f7a529;
}
.cp-contents .stepbar--yellowgreen .stepbar-item.done .stepbar-num {
  background-color: #badea8;
}
.cp-contents .stepbar--yellowgreen .stepbar-item.current .stepbar-num {
  background-color: #76be51;
}
.cp-contents .stepbar--yellowgreen .stepbar-item.done::after {
  background-color: #badea8;
}
.cp-contents .stepbar--blue .stepbar-item.done .stepbar-num {
  background-color: #93aee8;
}
.cp-contents .stepbar--blue .stepbar-item.current .stepbar-num {
  background-color: #427ade;
}
.cp-contents .stepbar--blue .stepbar-item.done::after {
  background-color: #93aee8;
}
.cp-contents .accordion {
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}
.cp-contents .accordion.is-expanded .accordion__header {
  background-color: #f0efff;
}
.cp-contents .accordion.is-expanded .accordion__header .toggle {
  background-image: url(../img/cp/btn-close-accordion.png);
}
.cp-contents .accordion.is-expanded .accordion__detail {
  display: block;
  margin-top: 10px;
}
.cp-contents .accordion .accordion__header {
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #f0efff;
  font-weight: bold;
  padding: 0 42px 0 20px;
  position: relative;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
  cursor: pointer;
}
.cp-contents .accordion .accordion__header .block-title {
  margin-bottom: 0;
}
.cp-contents .accordion .accordion__header .block-title-txt {
  color: #403999;
}
.cp-contents .accordion .accordion__header .toggle {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 34px;
  height: 34px;
  display: block;
  background-image: url(../img/cp/btn-add-accordion.png);
  background-repeat: no-repeat;
  background-size: 14px auto;
  background-position: center;
}
@media (hover: hover) {
  .cp-contents .accordion .accordion__header:hover {
    opacity: 0.8;
  }
}
.cp-contents .accordion .accordion__detail {
  display: none;
}
.cp-contents .error-count-message-area {
  margin: 30px;
  border: 2px solid #ff2800;
  border-radius: 10px;
  background-color: #fff;
  padding: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cp-contents .error-count-message-area.contents-hidden {
  display: none;
}
.cp-contents .error-count-message-area .errorCount {
  display: inline-block;
}
.cp-contents [data-icon=img-icon-alert] {
  position: relative;
  padding-left: 28px;
}
.cp-contents [data-icon=img-icon-alert]::before {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  background-image: url(../img/cp/icon-alert.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.cp-contents .inputErrorField {
  background-color: #fdd4cc;
}
.cp-contents .inputErrorField.btn-color {
  border-color: #fdd4cc;
}
.cp-contents .contents-input-area .highlight-txt,
.cp-contents .inputErrorFieldReplace + .highlight-txt {
  font-size: 95%;
}
.cp-contents .input-timer ~ .highlight-txt,
.cp-contents .input-select-box-area ~ .highlight-txt {
  margin-left: 10px;
}
@media print {
  .cp-contents .block-title-icon {
    padding-left: 0 !important;
  }
  .cp-contents .block-title-icon::before {
    content: "" !important;
    font-family: initial !important;
    display: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
  }
}

body:has(.cp-contents) .holiday a.ui-state-default {
  color: red;
}
body:has(.cp-contents) .saturday a.ui-state-default {
  color: blue;
}
body:has(.cp-contents) .sunday a.ui-state-default {
  color: red;
}
body:has(.cp-contents) .ui-datepicker .ui-datepicker-header {
  color: white;
  background: navy;
}
body:has(.cp-contents) .ui-widget-content .ui-state-default {
  color: gray;
  background: white;
}
body:has(.cp-contents) .ui-datepicker-month {
  font-size: 170%;
}
body:has(.cp-contents) .ui-widget-content .ui-state-hover {
  color: black;
  background: #e3e2f7;
}
body:has(.cp-contents) .ui-state-highlight,
body:has(.cp-contents) .ui-widget-content .ui-state-highlight,
body:has(.cp-contents) .ui-widget-header .ui-state-highlight {
  border: 1px solid navy;
}
body:has(.cp-contents) .ui-widget-header .ui-icon {
  background-image: url("/css/images/ui-icons_444444_256x240.png");
}
@media screen and (min-width: 481px) {
  body:has(.cp-contents) .page-foot {
    margin-top: auto !important;
  }
}

/* ==========================================================================
   テーブル（共通）
========================================================================== */
.cp-table.is-horizontal .input-checkbox {
  top: 0;
}
@media screen and (min-width: 481px) {
  .cp-table.is-horizontal .contents-list {
    padding: 0;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    line-height: 1.2;
  }
  .cp-table.is-horizontal .contents-list:first-of-type {
    border-top: 1px solid #ebebeb;
    position: sticky;
    top: 0;
    z-index: 1;
  }
  .cp-popup .cp-table.is-horizontal .contents-list:first-of-type.header-row {
    border-top: 1px solid #ebebeb;
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .cp-table.is-horizontal .contents-list.contents-header-txt > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* padding: 10px 15px 10px 15px; */
    padding: 7px 10px;
  }
  .cp-table.is-horizontal .result-list + .contents-list > div {
    border-right: none;
  }
  .cp-table.is-horizontal .result-list {
    padding: 0;
    align-items: stretch;
  }
  .cp-table.is-horizontal .result-list > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* padding: 10px 15px 10px 15px; */
    padding: 7px 10px;
  }
  .cp-table.is-horizontal .contents-header-txt > div:not(:last-of-type),
  .cp-table.is-horizontal .result-list > div:not(:last-of-type) {
    border-right: 1px solid #ebebeb;
  }
  .cp-table.is-horizontal .contents-header-txt > div[class*=checkbox],
  .cp-table.is-horizontal .result-list > div[class*=checkbox] {
    border-right: none !important;
    padding-right: 0 !important;
    -ms-flex-preferred-size: 5%;
    flex-basis: 5%;
    width: auto;
  }
  .cp-table.is-horizontal .contents-header-txt > div[class*=checkbox] + div,
  .cp-table.is-horizontal .result-list > div[class*=checkbox] + div {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 480px) {
  .cp-table.is-horizontal .result-list {
    padding: 10px !important;
  }
}
.cp-table.is-scrollable {
  max-height: 560px;
  overflow-y: scroll;
}
@media screen and (max-width: 480px) {
  .cp-table.is-scrollable {
    max-height: 50vh;
  }
}
@media screen and (max-width: 480px) {
  .cp-table .contents-display-flex-exchange-sp > * {
    width: 100% !important;
    padding-left: 0 !important;
  }
}
.cp-table .contents-vertical {
  border-bottom: 1px solid #ebebeb;
  table-layout: fixed;
  height: 100%;
}
.cp-table .contents-vertical.has-border-top {
  border-top: 1px solid #ebebeb;
}
.cp-table > .contents-vertical:first-child {
  border-top: 1px solid #ebebeb;
}
.cp-table .contents-header {
  background-color: #fdf7e0;
  border-right: 1px solid #ebebeb;
  padding: 7px 15px;
  width: 180px;
}
@media screen and (max-width: 480px) {
  .cp-table .contents-header {
    background-color: transparent;
    border-right: none !important;
    padding: 5px 0 2px;
    width: 100% !important;
    max-width: none;
  }
}
@media screen and (min-width: 481px) {
  .cp-table .contents-header-wide {
    width: 215px;
  }
  .cp-table .contents-header-narrow {
    width: 100px;
  }
  .cp-table .contents-header--gray {
    background-color: #f7f7f7 !important;
  }
}
.cp-table .contents-header-txt {
  color: #4a4223;
  background-color: #fdf7e0;
  font-size: 100%;
}
@media screen and (max-width: 480px) {
  .cp-table .contents-header-txt {
    background-color: #fdf7e0 !important;
    border-bottom: 1px solid #ebebeb;
    /*font-weight: bold;*/
  }
}
.cp-table .contents-header-txt *::not(a):not(.highlight-txt) {
  color: #4a4223;
}
.cp-table .contents-tag {
  border-bottom: 1px solid #ebebeb;
}
.cp-table .contents-input-area {
  width: auto;
  vertical-align: top;
  position: relative;
  padding: 7px 15px;
}
.cp-table .contents-input-area + .contents-input-area {
  border-left: 1px solid #ebeaea;
}
@media screen and (max-width: 480px) {
  .cp-table .contents-input-area {
    padding: 2px 0 5px !important;
  }
  .cp-table .contents-input-area + .contents-input-area {
    border-left: none;
  }
  .cp-table .margin-txt-left {
    margin-left: 0 !important;
  }
}
.cp-table .input-calender + .input-timer {
  margin-left: 7px;
}
.cp-table .sortmark,
.cp-table .up-sortmark {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 22px;
  height: 12px;
  top: 2px;
}
.cp-table .sortmark:after,
.cp-table .up-sortmark:after {
  content: "arrow_downward_alt";
  color: #B3B3B3;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  font-size: 22px;
  font-weight: 400;
}
.cp-table .up-sortmark {
  top: 1px;
}
.cp-table .up-sortmark:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.cp-table .sortable.active .sortmark:after,
.cp-table .sortable.active .up-sortmark:after {
  color: #4a4223;
}
.cp-table .btn-control {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
@media screen and (max-width: 480px) {
  .cp-table .btn-control {
    display: block;
  }
}
@media (hover: hover) {
  .cp-table .btn-control:hover {
    background-color: #f0efff;
  }
  .cp-table .btn-control:hover::before {
    display: none;
  }
}
.cp-table .icon-graph {
  background-image: url(../img/cp/icon-graph.png);
  background-size: auto 13px;
}
.cp-table .icon-menu {
  background-image: url(../img/cp/icon-menu.png);
  background-size: auto 13px;
}
.cp-table .link-dl {
  font-size: 23px;
  text-decoration: none;
  color: #403999;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
.cp-table .link-delete {
  font-size: 23px;
  text-decoration: none;
  color: #403999;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
.cp-table .note {
  font-size: 12px;
  display: block;
}
.cp-table .note.note--inline {
  display: inline;
}
.cp-table .lang-ja,
.cp-table .lang-en {
  background-color: transparent;
}
.cp-table .icon-en {
  background-color: #403999;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  position: relative;
}
.cp-table .icon-en::before {
  content: "EN";
  font-size: 9px;
  line-height: 1;
  color: #fff;
  width: 100%;
  height: 100%;
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;  align-items: center;
}
.cp-table .lang-inner {
  display: flex;
  gap: 10px;
  height: 100%;
}
@media (max-width: 480px) {
  .cp-table .lang-inner {
    margin-left: 15px;
    gap: 5px;
  }
}
.cp-table .input_side_panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  width: 17px;
}
@media screen and (max-width: 480px) {
  .cp-table .input_side_panel {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.cp-table .input_side_panel.align-top {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 5px;
}
.cp-table .question-item .input_side_panel.align-top {
  padding-top: 5px;
}
@media (max-width: 480px) {
  .cp-table .question-item .input_side_panel.align-top {
    padding-top: 0px;
  }
}
.cp-table .input_side_panel.align-left {
  margin-left: -5px;
}
.cp-table .btn-input-toolbar {
  width: 17px;
  height: 17px;
  display: block;
  background-image: url(../img/cp/btn-input-toolbar.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px auto;
  cursor: pointer;
}
@media (hover: hover) {
  .cp-table .btn-input-toolbar:hover {
    -webkit-filter: brightness(161%);
            filter: brightness(161%);
  }
  .cp-table .btn-input-toolbar.off {
    opacity: 0.35;
  }
}
.cp-table .btn-bracket {
  width: 17px;
  height: 17px;
  position: relative;
  cursor: pointer;
}
.cp-table .btn-bracket::before {
  content: "{  }";
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  color: #403999;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  letter-spacing: -0.025em;
}
@media (hover: hover) {
  .cp-table .btn-bracket:hover {
    -webkit-filter: brightness(161%);
            filter: brightness(161%);
  }
}
.cp-table .btn-visibility {
  vertical-align: middle;
  font-size: 23px;
  text-decoration: none;
  cursor: pointer;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
}
@media (hover: hover) {
  .cp-table .btn-visibility:hover {
    opacity: 0.8;
  }
}
.cp-table [class$=_body_wrapper] {
  width: 100%;
  height: 100%;
}
.cp-table .contents-input-area [class$=_body_wrapper] {
  padding: 0;
}
.cp-table .question-item [class$=_body_wrapper] {
  padding: 0;
}
@media (max-width: 480px) {
  .cp-table .question-item [class$=_body_wrapper] {
    padding: 0;
  }
}
.cp-table _::-webkit-full-page-media,
.cp-table _:future,
.cp-table :root .ql-toolbar.ql-snow {
  display: inline-block;
  width: 100%;
}
.cp-table .ql-container {
  font-size: 100% !important;
  height: auto !important;
  padding: 0 !important;
}
.cp-table .ql-container:not(.ql-disabled) .ql-editor {
  resize: vertical;
  padding: 6px 10px !important;
  /* min-height: 80px; */
  min-height: 240px;
}
.cp-table .ql-container:not(.ql-disabled) .ql-editor::-webkit-resizer {
  opacity: 0;
}
.cp-table .ql-container:not(.ql-disabled) .ql-editor::after {
  content: "";
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url(../img/cp/btn-resize.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 0px;
  bottom: 0px;
  pointer-events: none;
}
.cp-table .ql-container.ql-disabled .ql-editor {
  padding: 0 !important;
}
.cp-table .contents-input-area:not(.zero-padding) .ql-container.ql-disabled .ql-editor {
  padding: 0 !important;
}
.cp-table .branch-select-header {
  width: auto;
  white-space: nowrap;
  line-height: 1.2;
  padding: 10px 15px 10px 0;
}
.cp-table .textarea-box-wrap {
  resize: vertical;
  position: relative;
  height: 80px;
  min-height: 80px;
}
.cp-table .textarea-box-wrap::-webkit-resizer {
  opacity: 0;
}
.cp-table .textarea-box-wrap::after {
  content: "";
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url(../img/cp/btn-resize.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 3px;
  bottom: 3px;
  pointer-events: none;
}
.cp-table .textarea-box-wrap .textarea-box {
  height: 100%;
}
.cp-table .textarea-box-wrap .textarea-add-box {
  height: 100%;
}
.cp-table .control-menu {
  top: -35px;
}
@media screen and (max-width: 480px) {
  .cp-table .control-menu {
    left: 0;
    right: auto;
  }
}
.cp-table .contents-link-area {
  margin-bottom: 7px;
}
.cp-table .contents-link-area .link-txt {
  font-size: 93.3333333333%;
  font-weight: normal;
  line-height: 1;
}
.cp-table .contents-link-area .link-txt + .link-txt {
  margin-left: 10px;
}
.cp-table .contents-link-area .link-icon::after {
  content: attr(data-icon);
  font-family: "Material Symbols Outlined";
  font-size: 22px;
  margin-left: 2px;
  display: inline-block;
  text-decoration: none !important;
  vertical-align: middle;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}
.cp-table .drag-drop-area {
  background-color: transparent;
  border: 2px dashed #d9d9d9;
  width: 100%;
  height: 100%;
  line-height: 22.5px;
  text-align: center;
  padding: 15px;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.cp-table .drag-drop-area .upload-message {
  display: block;
  color: #b3b3b3;
}
.cp-table .drag-drop-area .upload-message::before {
  content: "upload";
  font-family: "Material Symbols Outlined";
  font-size: 30px;
  margin-right: 7px;
  vertical-align: middle;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}
.cp-table .drag-drop-area .upload-txt-color {
  color: #b3b3b3;
}
.cp-table .drag-drop-area .under-btn {
  margin: 0 auto;
}
.cp-table .drag-drop-area.dropping {
  background-color: #ebebeb;
}
.cp-table .drag-drop-area.dropping .upload-message {
  color: #fff;
}
.cp-table [data-icon=img-icon-alert]:has(+ .fileListArea) {
  font-size: 100%;
  margin-top: 10px;
}
.cp-table .fileListArea .contents-list {
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-bottom: -10px;
  border: none;
}
.cp-table .fileListArea .contents-detail {
  border-top: 1px solid #ebebeb;
  padding: 10px 15px !important;
}
.cp-table .fileListArea .contents-detail:first-child {
  margin-top: 10px;
}
.cp-table .fileListArea .filename {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.cp-table .fileListArea .filesize {
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
  text-align: right;
}
.cp-table .fileListArea .delete_btn {
  -ms-flex-preferred-size: 50px;
      flex-basis: 50px;
}
.cp-table .fileListArea .delete_btn a {
  width: 25px;
  height: 25px;
  display: block;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}
.cp-table .fileListArea .delete_btn a::before {
  content: "delete";
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  font-size: 25px;
  color: #403999;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}
@media (hover: hover) {
  .cp-table .fileListArea .delete_btn a:hover::before {
    color: #675de2;
  }
}
@media screen and (max-width: 480px) {
  .cp-table .fileListArea .contents-detail {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cp-table .fileListArea .filesize {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media screen and (max-width: 480px) {
  .cp-table .drag-drop-area {
    border: none;
    padding: 0;
  }
  .cp-table .drag-drop-area .upload-message {
    display: none;
  }
  .cp-table .fileListArea .contents-list {
    width: 100%;
    margin: 0 auto -5px;
  }
  .cp-table .fileListArea .contents-detail {
    padding-left: 0;
    padding-right: 0;
  }
  .cp-table .fileListArea .filesize {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    text-align: right;
  }
  .cp-table .fileListArea .delete_btn {
    text-align: right;
  }
  .cp-table .fileListArea .delete_btn a {
    margin-right: 0;
  }
}

.cp-table-upper-area {
  display: block;
  padding: 0px 15px;
  margin-bottom: 10px;
}
.cp-table-upper-area > * {
  vertical-align: middle;
}

.block-title-underline + .cp-table-upper-area {
/*  margin-top: -12px;*/
}

.cp-table-under-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 12px;
  background-color: #fdf7e0;
  border-bottom: 1px solid #ebebeb;
}
.cp-table-under-area p {
  margin: 0;
}
.cp-table-under-area .bulk-delete-btn {
  margin-left: 0;
}
.cp-table-under-area .input-checkbox:has(+ label) {
  top: -1px !important;
}

@media screen and (max-width: 480px) {
  .cp-table-under-area {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    padding: 10px;
    background-color: #fdf7e0;
  }
}

.cp-table-under-area-survey {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 12px;
  background-color: #fdf7e0;
  border-bottom: 1px solid #ebebeb;
  position: sticky;
  bottom: 0;
  z-index: 1;
}
.cp-table-under-area-survey p {
  margin: 0;
}
.cp-table-under-area-survey .bulk-delete-btn {
  margin-left: 0;
}
.cp-table-under-area-survey .input-checkbox:has(+ label) {
  top: -1px !important;
}

@media screen and (max-width: 480px) {
  .cp-table-under-area-survey {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    padding: 10px;
    background-color: #fdf7e0;
  }
}

/* ==========================================================================
   ポップアップ（共通）
========================================================================== */
.cp-popup {
  font-size: 115.3846153846%;
  border-radius: 10px;
  padding: 0;
}

.cp-popup .block {
  margin: 0;
  padding: 15px;
  border: none;
}
@media(max-width: 480px){
  .cp-popup .block {
   margin: 0;
   padding: 15px 5px;
   border: none;
 }
}
.cp-popup .block-btn-popup-area {
  margin: 0;
  padding: 20px 15px;
}
.cp-popup .block .block-btn-popup-area {
  margin: 0;
  padding: 20px 15px 5px;
}
.cp-popup .block-title-txt.ellipsis {
  padding-right: 25px;
}

/*2024.1.16 TOTEC)jsのセレクタでも私用されているクラス名は避けたい
のでデザイン用名称で下の方に新規追加*/
.cp-popup .popupModalClose,
.cp-popup .popupDialogClose {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 25px;
  height: 25px;
  background-image: url(../img/cp/btn-close-modal.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}
@media (hover: hover) {
  .cp-popup .popupModalClose:hover,
  .cp-popup .popupDialogClose:hover {
        -webkit-filter: brightness(161%);
            filter: brightness(161%);
  }
}
body:has(.cp-popup) .ui-widget-overlay {
  background-color: #333 !important;
  opacity: 0.75 !important;
}
body:has(.cp-popup) .ui-widget.ui-widget-content {
  border: none;
  background-color: transparent;
}
/*ポップアップ内にカレンダー部品がある場合*/
body:has(.cp-popup.has-calendar) .ui-widget.ui-widget-content {
    border: none;
    background-color: #fff;
}
body:has(.cp-popup) .ui-dialog {
  padding: 0 !important;
}
@media screen and (max-width: 480px) {
  body:has(.cp-popup) .ui-dialog {
    width: auto;
  }
}
/*body:has(.cp-popup) .ui-dialog-buttonpane {*/
/*  display: none;*/
/*}*/
body:has(.cp-popup.cp-open-popup) .ui-dialog-buttonpane {
  display: block;
}
.c-popup1#deletePopup .c-txt__small {
  display: block;
  font-size: 14px;
  padding-top: 7px;
}
.c-popup1#deletePopup .contents-complete-message {
  position: relative;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  left: auto;
  top: auto;
}
.c-popup1#deletePopup .contents-detail.contents-complete {
  margin-bottom: 17px;
}
.c-popup1 .c-table1,
.c-popup1 .c-table2 {
  font-size: 15px;
}
.c-popup1 .c-table1 .contents-header.contents-header-txt,
.c-popup1 .c-table2 .contents-header.contents-header-txt {
  font-size: 15px;
}
.c-popup1 .c-table1 .contents-list.contents-tag,
.c-popup1 .c-table2 .contents-list.contents-tag {
  border-bottom: 1px solid #ebebeb;
}
.c-popup1 .c-title-icon .block-title-txt {
  font-size: 17px;
}
.c-popup1.is-style1 {
  background-color: #fff !important;
  padding: 15px 15px 20px 15px;
  border-radius: 10px !important;
  border: 1px solid #ebebeb !important;
}
.c-popup1.is-style1 .ui-dialog-buttonpane {
  margin-top: 0;
  border: 0 !important;
  padding-bottom: 0;
}
.c-popup1.is-style1 .ui-dialog-buttonpane button {
  margin: 10px 15px 0;
}
.c-popup1.is-style1 .ui-dialog-content {
  border-radius: 0 !important;
  border: 0 !important;
}
.c-popup1.is-style1 .contents-list .contents-complete {
  min-height: auto;
  margin-top: 17px;
}
.c-popup1.is-style1 .contents-detail.contents-complete {
  margin-bottom: 24px;
}
.c-popup1.is-style1 #surveyComment .contents-detail.contents-complete {
  margin-bottom: 0;
}
.c-popup1.is-style2 form > .block {
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
.c-popup1.is-style2 form > .block .contents-input-area span {
  font-size: 14px;
}
.c-popup1.is-style2 form > .block .contents-list .contents-detail:nth-child(1) .file-name-width {
  vertical-align: middle;
}
.c-popup1.is-style2 form > .block .contents-list .input-box {
  padding: 5px 10px;
  line-height: 1.4;
  border: 1px solid #DADADA;
}
.c-popup1.is-style2 form .file-add-message {
  min-height: auto;
  margin-top: 20px;
  padding: 0;
}
.c-popup1.is-style2 form .cabinets-updater-updatedate {
  padding-right: 0;
  padding-top: 10px;
}
.c-popup1.is-style2 .c-inputarea1 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.c-popup1.is-style2 .input-radio {
  font-family: "Noto Sans JP", sans-serif;
}
.c-popup1.is-style2 .drag-drop-area {
  margin-top: 5px;
}
.c-popup1.is-style2 .contents-complete-message {
  position: relative;
  left: auto;
  top: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.c-popup1.is-style2 .ql-editor {
  min-height: auto;
}
.c-popup1.ui-dialog-content {
  padding-bottom: 10px;
}
.c-popup1 > .block {
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 9px 15px 15px 15px;
}
.c-popup1 .contents-list .contents-vertical {
  border-bottom: 1px solid #EBEBEB;
  min-height: 46px;
}
.c-popup1 .block-wide {
  padding: 0;
  background: transparent;
}
.c-popup1 .block-wide.cabinets-color {
  background-color: #ffffff;
}
.c-popup1 .block-title-txt {
  margin-bottom: 10px;
  font-size: 16px;
}
.c-popup1 .block-wide.is-btn .c-btn-delete {
  margin-bottom: 4px;
}
.c-popup1 .contents-header {
  padding: 7px 15px 7px;
  background-color: #FDF7E0;
  vertical-align: top;
  width: 180px;
  font-size: 15px;
  border-right: 1px solid #EBEBEB;
  line-height: 1.6;
  color: #4A4223;
}
.c-popup1 .contents-header span, .c-popup1 .contents-header span.bold-txt, .c-popup1 .contents-header label {
  color: #4A4223;
}
.c-popup1 .contents-header span.highlight-txt {
  color: #ff2800;
}
.c-popup1 .contents-input-area {
  padding: 7px 15px 7px;
  width: calc(100% - 180px);
  font-size: 15px;
  vertical-align: middle;
  line-height: 1.6;
}
.c-popup1 .contents-input-area span {
  line-height: 24px;
}
.c-popup1 .contents-input-area.c-editorarea1 {
  padding-right: 23px;
}
.c-popup1 .contents-input-area .input-count {
  display: block;
  font-size: 14px;
  line-height: 21px;
}
.c-popup1 .contents-input-area .input-calender,
.c-popup1 .contents-input-area .input-timer {
  padding: 6px 10px;
  font-size: 15px;
  line-height: 1;
}
.c-popup1 .contents-input-area .input-calender {
  width: 100px;
}
.c-popup1 .contents-input-area .input-timer {
  width: 60px;
}
.c-popup1 .contents-vertical:first-child {
  border-top: 1px solid #EBEBEB;
  border-bottom-color: #EBEBEB;
}
.c-popup1 .block-under-area {
  margin: -15px auto 0 auto;
}
.c-popup1 .cabinets-bottom-margin {
  padding-top: 7px;
}
.c-popup1 .btn-secondary {
  min-height: 32px;
}
.c-popup1 .under-btn {
  margin-left: 15px;
  margin-right: 15px;
  padding: 2px 20px;
  border-radius: 16px;
}
.c-popup1 .btn-wide {
  min-width: 180px;
}
.c-popup1 .btn-wide#folderEditAccessSettingButton {
  min-width: 224px;
}
.c-popup1 .btn-txt {
  font-size: 15px;
  line-height: 22.4px;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 0;
}
.c-popup1 .ql-container {
  font-size: 15px;
}
.c-popup1 .ql-editor {
  min-height: 69px;
  padding: 0;
}
.c-popup1.is-style2 {
  padding: 30px;
  border-radius: 10px;
}
.c-popup1.is-style2 .contents-input-area {
  padding: 5px 15px 5px;
  line-height: 1;
}
.c-popup1.is-style2 .contents-input-area .portal-calendar-event-popup-input-box {
  margin-bottom: 0;
  width: 100%;
}
.c-popup1.is-style2 .block-btn-popup-area {
  margin-top: 0;
  padding-bottom: 5px;
}
.c-popup1.is-style3 {
  padding: 20px 30px 30px;
  border-radius: 10px;
}
.c-popup1.is-style3 .contents-complete {
  min-height: auto;
}
.c-popup1 .c-close {
  position: absolute;
  z-index: 101;
  right: 10px;
  top: 10px;
  width: 25px;
  height: 25px;
  border: none;
  border-radius: 100%;
  text-indent: -999999px;
  background: #403999;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}
.c-popup1 .c-close::after, .c-popup1 .c-close::before {
  content: "";
  position: absolute;
  top: 52%;
  left: 52%;
  width: 13px;
  height: 1px;
  background: #ffffff;
}
.c-popup1 .c-close::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.c-popup1 .c-close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.c-popup1 .c-close:hover {
  background: #675de2;
  border-color: #675de2;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}

.delete-popup-common-style{
	background:#FFF;
	width: 800px;
	position: relative;
	margin:auto;
}

@media screen and (max-width: 480px) {
	.delete-popup-common-style{
		width: 90%;
	}
}

@media screen and (max-height: 480px) {
	.delete-popup-common-style{
		position: fixed;	
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%);
	}
}

.cp-popup .popup-close-icon{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  background-image: url(../img/cp/btn-close-modal.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  transition: all 300ms 0s ease;
}
@media (hover: hover) {
  .cp-popup .popup-close-icon:hover{
    filter: brightness(161%);
  }
}

/* ==========================================================================
   コンテンツ（個別）
========================================================================== */
.p-settings .section-status {
  margin: 25px auto 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
.p-settings .section-status .btn-secondary {
  color: #427ade;
  border-color: #427ade;
  margin: 0;
}
.p-settings .section-status .btn-secondary.current {
  background-color: #427ade;
  color: #fff;
}
@media (hover: hover) {
  .p-settings .section-status .btn-secondary:hover {
    background-color: #427ade;
    color: #fff;
  }
}
@media screen and (max-width: 480px) {
  .p-settings .section-status {
    margin-bottom: 30px;
    padding: 0 17px;
    gap: 10px;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .p-settings .section-status .under-btn {
    min-width: auto !important;
    width: calc((100% - 10px) / 2);
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 481px) {
  .p-settings .stepbar {
    margin-bottom: 55px;
  }
  .p-settings .stepbar--3steps {
    width: 355px;
  }
}
.p-settings .note {
  font-size: 93.3333333333%;
}
@media screen and (max-width: 480px) {
  .p-settings .column + .column {
    margin-top: 20px;
  }
}
.p-settings .btn-mylink_edit {
  width: 19px;
  height: 19px;
  display: block;
  background-image: url(../img/cp/btn-mylink_edit.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}
@media (hover: hover) {
  .p-settings .btn-mylink_edit:hover {
    -webkit-filter: brightness(161%);
            filter: brightness(161%);
  }
}
.p-settings .btn-mylink_drag {
  width: 26px;
  height: 26px;
  display: block;
  background-image: url(../img/cp/btn-mylink_drag.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

.p-information .align-right:has(.icon-delete) {
  padding-right: 15px;
  margin-bottom: -20px;
}
.p-information .block-title {
  position: relative;
}
.p-information .block-title-btn-area {
  position: absolute;
  right: 2px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.cp-popup.p-information .block-title-btn-area {
 top: 0px;
 /*right: 35px;*/
}
@media screen and (max-width: 480px) {
 .cp-popup.p-information .block-title-btn-area {
   top: -38px;
   right: 25px;
 }
}
@media screen and (max-width: 480px) {
  .p-information .block-title:has(.block-title-btn) {
    padding-top: 0px;
  }
  .p-information .block-title-btn-area {
    bottom: auto;
    top: 0;
  }
}
.p-information .block-title-btn {
  width: 25px;
  height: 25px;
  display: block;
  position: static;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.p-information .block-title-btn.infoCarendarBtn.calendar-add-icon {
  content: "";
  background: url(../img/icon/icon_calendar_add.svg) no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  background-size:24px auto;
  margin-right: 0;
}
.p-information .block-title-btn.disabled {
  pointer-events: none;
}
.p-information .block-title-btn.infoCarendarBtn.disabled {
  background-image: url(../img/cp/block-title-btn-calendar_disabled.png);
  background-size: 24px auto;
  opacity: 1;
}

/** お知らせ詳細ポップアップ用スター **/
.p-information .infoStarBtn {
	background: url(../img/cp/btn-star-info-detail-off.svg) center no-repeat;
	border: none;
	cursor: pointer;
	height: 25px;
	margin: 0;
	top: 2px;
	width: 25px;
	background-size: 25px auto;
}
.p-information .infoStarBtn:checked {
	background-image: url(../img/cp/btn-star-info-detail-on.svg);
	background-size: 25px auto;
}
.p-information .infoStarBtn:after {
	display: none;
}
/** ▲ここまで **/

@media ( max-width : 480px) {
  .input.input.input-checkbox.info-checkbox.infoStarBtn.btn-right.portalInfoFavorite {
   /* margin-right: 10px;*/
  }
}

.p-information .block-title-btn.infoPrintBtn {
  background-image: url(../img/cp/block-title-btn-print.png);
  background-size: 25px auto;
}
@media (hover: hover) {
  .p-information .block-title-btn:hover {
    opacity: 0.8;
  }
}

/** お知らせ詳細ポップアップ用ゴミ箱 **/
.p-information .popup-infodetail-trush[data-icon="img-icon-trush"]{
	-webkit-mask:   url("../img/icon/icon_delete_invert.svg") no-repeat center center / contain;
	mask-image:     url("../img/icon/icon_delete_invert.svg");
    mask-repeat:    no-repeat;
    mask-position:  center center;
    mask-size:      contain;
	width:	        32px;
	height:	        32px;
	background-color: #403999;
	/*position: absolute;*/
	left: -41px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
/** ▲ここまで **/

.p-information .icon-delete::before {
  content: "delete";
  vertical-align: middle;
  display: inline;
  font-size: 16px;
  margin-right: 3px;
  text-decoration: none;
  color: #403999;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
.p-information .icon-delete .link-txt {
  font-weight: normal;
  font-size: 93.3333333333%;
}
.p-information .textarea-box-wrap {
  min-height: 120px;
}
.p-information .ql-disabled {
  border: none !important;
}
.p-information .portal-information-outgoing-division {
  padding: 10px 15px;
}
.p-information .portal-information-status {
  border-radius: 4px !important;
  font-size: 73% !important;
  font-weight: bold !important;
  padding: 1px 5px 1px !important;
  border-radius: 2px;
  bottom: 1px;
  color: #fff !important;
  margin: 0 0 0 5px;
  padding: 3px 5px 2px;
  position: relative;
  word-break: keep-all;
  font-size: 73.3333333333% !important;
  font-weight: normal !important;
  border-radius: 4px !important;
  padding: 0 5px !important;
  display: inline-block;
  line-height: 17px;
  bottom: -1px;
  text-decoration: none !important;
}
.p-information .portal-information-status-required-color {
  background-color: #ff9900;
}
.p-information .portal-information-status-replied-color {
  background-color: #d9d9d9;
  color: #333 !important;
}
.p-information .block-title-txt .portal-information-status {
  margin-left: 15px;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
@media screen and (max-width: 480px) {
  .p-information .contents-detail > div {
    padding: 10px 5px !important;
  }
}
  @media screen and (max-width: 480px) {
    .width-eighty-five.mobile-info-title {
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
    .width-three-quarters.sp-information-title {
        width: 100%;
    }
}
  .p-information .contents-header-txt {
    background-color: #fdf7e0 !important;
  }
}
.p-surveys .contents-question-template-txt-area {
  width: auto;
}
@media screen and (max-width: 480px) {
  .p-surveys #templateSetBtn {
    margin: 15px auto 0;
    width: 40%;
  }
}
.p-surveys .questionMain .contents-display-flex {
  padding: 0;
}
@media screen and (max-width: 480px) {
  .p-surveys .questionMain .contents-display-flex {
    display: block;
  }
}
.p-surveys .contents-question-border {
  border-color: #ebeaea;
}
.p-surveys .contents-answer-area {
  width: auto;
  padding: 0;
}
.p-surveys .contents-answer-area .contents-display-flex {
  padding: 0;
}
.p-surveys .contents-question-answer {
  border-left: 1px solid #ebeaea !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 15px !important;
}
.p-surveys .contents-question-answer:first-of-type {
  border-left: none !important;
}
.p-surveys .contents-question-branch-collect.questionBranch {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  padding-left: 15px;
  border-left: 1px solid #ebebeb;
}
.p-surveys .contents-question-branch-collect.questionBranch {
  /* 提出用に分岐セレクタを強制表示しています（js制御によるdisplay:none;を回避） */
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
@media screen and (max-width: 480px) {
  .p-surveys .contents-answer-area {
    display: block;
  }
  .p-surveys .contents-answer-area > * {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .p-surveys .contents-question-answer {
    border-left: none !important;
    padding: 2px 0 5px !important;
  }
  .p-surveys .contents-question-branch-collect.questionBranch {
    border-left: none !important;
  }
}
.p-surveys .contents-question-collect {
  width: auto;
}
.p-surveys .question-copy-icon,
.p-surveys .question-edit-icon,
.p-surveys .question-delete-icon {
  background-image: none;
  padding-bottom: 0;
  padding-left: 30px;
  position: relative;
  cursor: pointer;
}
.p-surveys .question-copy-icon::before,
.p-surveys .question-edit-icon::before,
.p-surveys .question-delete-icon::before {
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  font-size: 23px;
  color: #403999;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 300ms 0s ease !important;
  transition: all 300ms 0s ease !important;
}
@media (hover: hover) {
  .p-surveys .question-copy-icon:hover::before,
  .p-surveys .question-edit-icon:hover::before,
  .p-surveys .question-delete-icon:hover::before {
    color: #675de2;
    opacity: 1;
  }
}
.p-surveys .question-copy-icon::before {
  content: "content_copy";
}
.p-surveys .question-edit-icon::before {
  content: "edit";
}
.p-surveys .question-delete-icon::before {
  content: "delete";
}
.p-surveys .btn-surveys_drag {
  width: 24px;
  height: 19px;
  background-image: url(../../img/cp/btn-drag.png);
  background-repeat: no-repeat;
  background-position: left top 5px;
  background-size: 14px auto;
  position: relative;
  display: inline-block;
  cursor: move;
  float: left;
}
.p-surveys .answerMult .ui-sortable,
.p-surveys .answerChoose .ui-sortable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.p-surveys .answerMult .ui-sortable .contents-list.contents-display-flex,
.p-surveys .answerChoose .ui-sortable .contents-list.contents-display-flex {
  border: 1px solid #ebebeb;
  border-radius: 10px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100%;
  background-color: #fff;
  padding: 0;
}
.p-surveys .question-item {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.p-surveys .question-item .container {
  width: 100% !important;
}
.p-surveys .question-item .lang-wrapper {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}
.p-surveys .question-item .lang-wrapper .lang-ja,
.p-surveys .question-item .lang-wrapper .lang-en {
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #ebebeb;
}
@media screen and (max-width: 480px) {
  .p-surveys .answerMult .ui-sortable .contents-list.contents-display-flex,
  .p-surveys .answerChoose .ui-sortable .contents-list.contents-display-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .p-surveys .question-item .lang-wrapper .lang-ja,
  .p-surveys .question-item .lang-wrapper .lang-en {
    display: block;
    border-right: none;
  }
  .p-surveys .question-item.body-contents-area {
    width: 95%;
  }
}
.p-surveys .question-item-move {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-preferred-size: 55px;
      flex-basis: 55px;
  margin: 0;
  border-right: 1px solid #ebebeb;
  cursor: default;
}
.p-surveys .question-move-img {
  width: 25px;
  height: 25px;
  background-image: url(../img/cp/btn-drag.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px auto;
  position: relative;
  display: block;
  cursor: move;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 480px) {
  .p-surveys .question-item-move {
    border-right: none;
    width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
.p-surveys .question-item-delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-preferred-size: 55px;
      flex-basis: 55px;
  margin: 0;
}
.p-surveys .question-item-delete a {
  position: relative;
  cursor: pointer;
  width: 25px;
  height: 25px;
}
.p-surveys .question-item-delete a::before {
  content: "delete";
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  font-size: 25px;
  color: #403999;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 300ms 0s ease !important;
  transition: all 300ms 0s ease !important;
}
@media (hover: hover) {
  .p-surveys .question-item-delete a:hover::before {
    color: #675de2;
    opacity: 1;
  }
}
@media screen and (max-width: 480px) {
  .p-surveys .question-item-delete {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 5px;
  }
}
.p-surveys .contents-question-vertical {
  border-top: 1px solid #ebebeb;
  border-bottom: none;
}
.p-surveys .contents-quetison-area {
  margin-bottom: 0;
}
.p-surveys .contents-question-detail-area .contents-list {
  background-color: transparent;
  padding: 0;
}
.p-surveys .contents-question-detail-area .contents-list .contents-display-flex {
  padding: 0;
}
.p-surveys .contents-question-detail-area .contents-list .surveys-contents-quetison-area {
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: transparent;
  margin-bottom: 0;
}
.p-surveys .contents-question-detail-area .contents-list .surveys-contents-quetison-area > div {
  display: table-cell;
  border-right: 1px solid #ebebeb !important;
  padding: 10px 15px !important;
}
@media screen and (max-width: 480px) {
  .p-surveys .contents-question-detail-area .contents-list .surveys-contents-quetison-area > div {
    display: block;
    border-right: none !important;
  }
}
@media screen and (max-width: 480px) {
  .p-surveys .contents-question-detail-area .contents-list .surveys-contents-quetison-area .branchHeader {
    display: none !important;
  }
}
.p-surveys .contents-question-detail-area .contents-list .surveys-contents-quetison-area .contents-detail:has(.survey-question-table) {
  padding: 0 !important;
  vertical-align: bottom;
}
.p-surveys .contents-question-detail-area .contents-list .surveys-contents-quetison-area .contents-detail:has(.surveys-contents-quetison-area) {
  padding: 0 !important;
}
.p-surveys .contents-question-detail-area .contents-list .surveys-contents-quetison-area:has(> .surveys-contents-quetison-area-inner):first-of-type {
  border-top: none !important;
}
.p-surveys .contents-question-detail-area .contents-list .surveys-contents-quetison-area > div.surveys-contents-quetison-area-inner {
  padding-top: 7px !important;
  padding-bottom: 10px !important;
}
.p-surveys .contents-question-detail-area .contents-list .surveys-contents-quetison-area .lang-inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-surveys .contents-question-detail-area .contents-list .surveys-contents-quetison-area .ql-disabled .ql-editor {
  padding: 0 !important;
}
.p-surveys .contents-question-detail-area .contents-list .surveys-contents-quetison-area > div:last-of-type {
  width: 110px;
  border-right: none !important;
  vertical-align: middle;
}
@media screen and (max-width: 480px) {
  .p-surveys .contents-question-detail-area .contents-list .surveys-contents-quetison-area > div:last-of-type {
    width: auto;
  }
}
.p-surveys .contents-question-detail-area .contents-detail:has(> .textarea-box) {
  line-height: 0;
}
.p-surveys .contents-question-detail-area .contents-detail > .textarea-box {
  line-height: normal;
}
.p-surveys .contents-question-detail-area .contents_header_survey_confirm {
  padding: 0;
}
.p-surveys .contents-question-detail-area .branchName {
  padding: 0 !important;
}
.p-surveys .contents-question-detail-area .survey-question-table-colomn {
  width: auto;
}
.p-surveys .contents-question-detail-area .textarea-add-box {
  height: 83px;
}
.p-surveys .contents-question-detail-area .input-box:disabled,
.p-surveys .contents-question-detail-area .textarea-box:disabled {
  background-color: transparent;
  color: #333;
}
.p-surveys .contents-question-detail-area .input-select-box:disabled {
  cursor: not-allowed;
  opacity: 1;
}
.p-surveys .contents-question-detail-area .input-radio:disabled {
  border-color: #b3b3b3;
  vertical-align: middle;
}
.p-surveys .contents-question-detail-area .input-radio:disabled:after {
  background-color: #333;
}
.p-surveys .survey-question-table {
  margin-bottom: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 480px) {
  .p-surveys .survey-question-table {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
	align-items: center;
	display: -webkit-flex;
	justify-content: flex-start;
	margin-bottom: 10px;
  }
}
.p-surveys .survey-question-table .ql-editor p {
  text-align: center;
}
@media screen and (max-width: 480px) {
  .p-surveys .survey-question-table .survey-question-table-right .ql-editor p {
    font-size: 10px;
  }
}
.p-surveys .survey-question-table-left,
.p-surveys .survey-question-table-right {
  padding-bottom: 0;
}
.p-surveys .survey-question-table-left {
  width: 20%;
  border-right: 1px solid #ebebeb;
}
.p-surveys .survey-question-table-right {
  width: 80%;
}
.p-surveys .survey-question-table-right .input-radio {
  margin: 4px 0 0 0;
}
@media screen and (max-width: 480px) {
  .p-surveys .survey-question-table-left {
    border-right: none !important;
	font-size: 10px;
	padding-bottom: 0;
	line-height: 1.6;

  }
  .p-surveys .survey-question-table-right {
	overflow-x: auto;
	overflow-y: hidden;
	width: 80%;
  }
}
.p-surveys .survey-question-table-left .ql-editor {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.p-surveys .survey-question-table-left .ql-editor p {
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  /* white-space: nowrap; */
}
/* .p-surveys .survey-question-table-line:first-of-type {
  height: 40px !important;
} */
.p-surveys .survey-question-table-line:last-child {
  border-bottom: 1px solid #ebebeb;
}
.p-surveys .survey-quesiton-table-header-colomn {
  border-top: 1px solid #ebebeb !important;
}
/*モックで使用されているが設計書は色がついていない
.p-surveys .survey-question-table-left .survey-question-table-colomn {
  background-color: #fdf7e0;
}*/
/* .p-surveys .survey-question-table-colomn:has(> .input-radio) {
  vertical-align: top;
} */
@media screen and (max-width: 480px) {
  .p-surveys .survey-question-table-line {
    border-bottom: 1px solid #DDD;
	display: table;
	min-height: 50px;
	table-layout: fixed;
	text-align: left;
	vertical-align: middle;
  }
}
.p-surveys .portal-surveys-status {
  font-size: 73.3333333333% !important;
  font-weight: normal !important;
  border-radius: 4px !important;
  padding: 0 5px !important;
  display: inline-block;
  line-height: 17px;
  bottom: -1px;
  text-decoration: none !important;
}

.survey-list-btn .btn {
  min-width: auto;
  min-height: auto;
  width: 43px;
  height: 23px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  border-radius: 11px;
  font-size: 80%;
}

.portal-surveys-status-noskip-color {
  background-color: #35a16b;
}

.portal-surveys-status-add-color {
  background-color: #ff99a0;
}

.portal-surveys-status-lms-color {
  background-color: #99d3ff;
}

.portal-surveys-status-kyoiku-g-color {
  background-color: #ffc599;
}

.portal-surveys-status-gyomu-g-color {
  background-color: #8AE6B1;
}

.legend-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 15px;
}
.legend-list dt {
  display: inline-block;
  margin: 0 20px 0 0;
}
.legend-list dd {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3px 20px;
  margin: 0;
}
.legend-list .legend::before {
  content: "■";
}
.legend-list .legend--green::before {
  color: #66c2ae;
}
.legend-list .legend--blue::before {
  color: #679fca;
}
.legend-list .legend--purple::before {
  color: #b172b6;
}
.legend-list .legend--pink::before {
  color: #fa7482;
}
.legend-list .legend--orange::before {
  color: #fdb46c;
}
.legend-list .legend--yellowgreen::before {
  color: #b3de69;
}
.legend-list .legend--bluegreen::before {
  color: #67b2ca;
}
.legend-list .legend--magenta::before {
  color: #e170a4;
}
.legend-list .legend--yellow::before {
  color: #fff27b;
}

form#loginInformationForm .block-under-area {
  margin-top: 22px;
}
form#loginInformationForm .block-under-area .under-btn {
  margin-top: 0;
  margin-bottom: 0;
}

#eventCalendarForm .contents-display-flex.c-title3 {
  padding: 20px 0 10px;
  border-bottom: 1px solid #ebebeb;
}
#eventCalendarForm .block-under-area {
  margin-top: 20px;
}
#eventCalendarForm .block-under-area .under-area-txt {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
#eventCalendarForm .block-under-area .under-area-txt.highlight-txt > div {
  color: #ff2800;
}
#eventCalendarForm .eventcalendar-lastUpdate-block {
  width: 100%;
  text-align: right;
  float: none;
  padding-right: 37px;
  margin: -25px 0 60px;
}
#eventCalendarForm .block-title-txt span.highlight-txt {
  color: #ff2800;
  font-size: 18px;
}
#eventCalendarForm .block-title-txt span.highlight-txt::before {
  content: none;
}
#eventCalendarForm .eventcalendar-shozoku {
  display: block;
}
#eventCalendarForm .c-table1 .c-head-note .contents-header {
  display: block;
  width: 100%;
  background: transparent;
  border-bottom: 1px solid #ebebeb;
  border-right: none;
  font-size: 15px;
  padding: 0 0 15px 0;
  margin-top: -10px;
}
#eventCalendarForm .c-table1 .c-head-note .contents-header .bold-txt {
  font-weight: normal;
}
#eventCalendarForm .last-updater-area {
  display: block;
  float: none;
  text-align: right;
  padding: 0;
  margin: -25px 37px 0 0;
}
#eventCalendarForm .last-updater-area .current-time {
  float: none;
  display: block;
  text-align: right;
  padding: 0;
}
.block.questionMain .block-title .block-title-txt {
  color: #625a3c;
}
.block.questionMain .block-title .block-title-txt::before {
  background-color: #625a3c;
}
.p-surveys .c-table1 .contents-input-area {
  vertical-align: middle;
}
.p-surveys .c-table1 .contents-input-area .contents-exchange-block-inline.input-select-box-area {
  display: block;
}
.p-surveys .c-table1 .contents-input-area.lang-en .btn-surveys_toolbar {
  opacity: 0.25;
}
.p-surveys .c-table1 .contents-question-answer.ql-snow {
  border-color: #ebeaea !important;
}
.p-surveys .c-table1 .ql-toolbar.ql-snow {
  border-bottom-width: 1px !important;
}
.p-surveys .c-table1 .ql-container:not(.ql-disabled) .ql-editor {
  min-height: 80px;
  overflow: auto;
}
.p-surveys .c-table1 .ql-container:not(.ql-disabled) .ql-editor::after {
  content: none;
}
.p-surveys .c-table1 .surveys-contents-quetison-area .ql-editor[contenteditable=false] {
  min-height: 34px;
  white-space: inherit;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-surveys .c-table1 .surveys-contents-quetison-area .lang-ja .survey-question-radio,
.p-surveys .c-table1 .surveys-contents-quetison-area .lang-en .survey-question-radio {
  top: 8px;
}
.p-surveys .c-table1 .surveys-contents-quetison-area > div {
  vertical-align: middle;
}

.p-surveys #surveyQuestionSubblock .block {
  margin-top: 30px;
}
.p-surveys #surveyQuestionSubblock .c-questionMain__item .lang-ja {
  padding: 0 !important;
}

.p-surveys #surveyQuestionSubblock .contents-question-detail-area .contents-list .surveys-contents-quetison-area.u-border-none {
  border: none !important;
}

.p-surveys #surveyQuestionSubblock .contents-question-detail-area .contents-list .surveys-contents-quetison-area .ql-disabled .ql-editor[contenteditable=false] {
  white-space: inherit;
}

.input[name=eventTitle],
.input[name=eventTitleEn] {
  max-width: 600px;
}

/* ==========================================================================
   テーブル（個別）
========================================================================== */
.cp-table--1_1_01_02b .input-box[type=password][disabled] {
  background-color: transparent;
  border: none;
}

.cp-table--1_1_01_03 {
  width: 100%;
  border-collapse: collapse;
}
.cp-table--1_1_01_03 th,
.cp-table--1_1_01_03 td {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.cp-table--1_1_01_03 th {
  background-color: #fdf7e0 !important;
  padding: 10px 15px;
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
  width: 360px !important;
}
.cp-table--1_1_01_03 thead th {
  width: auto;
  text-align: center;
}
.cp-table--1_1_01_03 thead th:first-of-type {
  background-color: transparent !important;
  border-top: none;
  border-right: none;
}
.cp-table--1_1_01_03 tbody th[rowspan] {
  border-right: 1px solid #ebebeb !important;
  width: 240px !important;
}
.cp-table--1_1_01_03 .sub-title {
  width: 121px !important;
  background-color: #fefae7 !important;
}
.cp-table--1_1_01_03 td {
  padding: 10px 15px;
  width: calc((100% - 360px) / 3);
}
.cp-table--1_1_01_03 td:last-of-type {
  border-right: none !important;
}
.cp-table--1_1_01_03 .contents-input-area {
  width: auto !important;
  text-align: center;
}
.cp-table--1_1_01_03 .input-select-box {
  width: 134px;
}
@media screen and (max-width: 480px) {
  .cp-table--1_1_01_03 {
    width: auto;
  }
  .cp-table--1_1_01_03 thead th {
    border-right: 1px solid #ebebeb !important;
  }
  .cp-table--1_1_01_03 th,
  .cp-table--1_1_01_03 td {
    display: table-cell !important;
    padding: 10px 15px !important;
  }
  .cp-table--1_1_01_03 .contents-header {
    border-right: 1px solid #ebebeb !important;
  }
  .cp-table--1_1_01_03 .contents-header:last-of-type {
    border-right: none !important;
  }
  .cp-table--1_1_01_03 .contents-input-area {
    padding: 10px 15px !important;
  }
}

@media screen and (max-width: 480px) {
  .cp-table-area--1_1_01_03 {
    width: 100%;
    overflow-x: scroll;
  }
}

@media screen and (max-width: 480px) {
  .cp-table--1_1_01_04 .not-exchange {
    display: inline-block !important;
  }
}

@media screen and (min-width: 481px) {
	.cp-table--1_1_01_05 .contents-header-txt > div:nth-of-type(1),
	.cp-table--1_1_01_05 .result-list > div:nth-of-type(1) {
	  -ms-flex-preferred-size: 60px;
	      flex-basis: 60px;
	}
	.cp-table--1_1_01_05 .contents-header-txt > div:nth-of-type(2),
	.cp-table--1_1_01_05 .result-list > div:nth-of-type(2) {
	  -ms-flex-preferred-size: calc((100% - 60px - 100px - 85px) / 2);
	      flex-basis: calc((100% - 60px - 100px - 85px) / 2);
	  border-right: none !important;
	  padding-right: 0 !important;
	  word-break: break-all;
	  text-overflow: clip;
	}
	.cp-table--1_1_01_05 .contents-header-txt > div:nth-of-type(3),
	.cp-table--1_1_01_05 .result-list > div:nth-of-type(3) {
	  -ms-flex-preferred-size: 50px;
	      flex-basis: 50px;
	}
	.cp-table--1_1_01_05 .contents-header-txt > div:nth-of-type(4),
	.cp-table--1_1_01_05 .result-list > div:nth-of-type(4) {
	  -ms-flex-preferred-size: calc((100% - 60px - 100px - 85px) / 2);
	      flex-basis: calc((100% - 60px - 100px - 85px) / 2);
	  border-right: none !important;
	  padding-right: 0 !important;
	  word-break: break-all;
	  text-overflow: clip;
	}
	.cp-table--1_1_01_05 .contents-header-txt > div:nth-of-type(5),
	.cp-table--1_1_01_05 .result-list > div:nth-of-type(5) {
	  -ms-flex-preferred-size: 50px;
	      flex-basis: 50px;
	}
	.cp-table--1_1_01_05 .contents-header-txt > div:nth-of-type(6),
	.cp-table--1_1_01_05 .result-list > div:nth-of-type(6) {
	  -ms-flex-preferred-size: 85px;
	      flex-basis: 85px;
	  -webkit-box-pack: center;
	      -ms-flex-pack: center;
	          justify-content: center;
	}
	.cp-table--1_1_01_05 .result-list > div:nth-of-type(2):has(> div),
	.cp-table--1_1_01_05 .result-list > div:nth-of-type(4):has(> div) {
	    display: block;
	}
}
@media screen and (max-width: 480px) {
  .cp-table--1_1_01_05.is-horizontal .result-list {
    margin-bottom: 1px;
    padding: 5px !important;
    display: grid;
    grid-template-columns: 36px calc(100% - (36px + 29px + 33px)) 29px 33px;
    grid-template-rows: auto auto;
  }
  .cp-table--1_1_01_05 .result-list > div {
    border-right: none !important;
    padding: 5px;
  }
  .cp-table--1_1_01_05 .result-list > div:nth-of-type(2),
  .cp-table--1_1_01_05 .result-list > div:nth-of-type(4) {
    display: block;
    word-break: break-all;
    text-overflow: clip;
  }
  .cp-table--1_1_01_05 .result-list > div:nth-of-type(1) {
    grid-row: 1/3;
    grid-column: 1/2;
  }
  .cp-table--1_1_01_05 .result-list > div:nth-of-type(6) {
    grid-row: 1/3;
    grid-column: 4/5;
  }
}

@media screen and (max-width: 480px) {
  .cp-table-area--1_1_01_05 {
    width: 100%;
    overflow-x: scroll;
  }
}
.cp-table--1_1_01_05b .contents-header-txt > div,
.cp-table--1_1_01_05b .result-list > div {
  width: 50%;
}
@media screen and (max-width: 480px) {
  .cp-table--1_1_01_05b {
    width: 200%;
  }
  .cp-table--1_1_01_05b .contents-header-txt {
    background-color: #fdf7e0;
  }
  .cp-table--1_1_01_05b .contents-list {
    padding: 0;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    line-height: 1.2;
  }
  .cp-table--1_1_01_05b .contents-list:first-of-type {
    border-top: 1px solid #ebebeb;
    position: sticky;
    top: 0;
    z-index: 1;
  }
  .cp-table--1_1_01_05b .contents-list.contents-header-txt > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 15px 10px 15px;
  }
  .cp-table--1_1_01_05b .result-list + .contents-list > div {
    border-right: none;
  }
  .cp-table--1_1_01_05b .result-list {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 0 !important;
  }
  .cp-table--1_1_01_05b.cp-table.is-horizontal .result-list {
    padding: 0 !important;
  }
  .cp-table--1_1_01_05b .result-list > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    word-break: break-all;
    text-overflow: clip;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 15px 10px 15px;
  }
  .cp-table--1_1_01_05b .contents-header-txt > div:not(:last-of-type),
  .cp-table--1_1_01_05b .result-list > div:not(:last-of-type) {
    border-right: 1px solid #ebebeb;
  }
}

@media screen and (min-width: 481px) {
  .cp-table--1_2_03_03_a .contents-header-txt > div:nth-of-type(1),
  .cp-table--1_2_03_03_a .result-list > div:nth-of-type(1) {
    -ms-flex-preferred-size: 110px;
        flex-basis: 110px;
  }
  .cp-table--1_2_03_03_a .contents-header-txt > div:nth-of-type(2),
  .cp-table--1_2_03_03_a .result-list > div:nth-of-type(2) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .cp-table--1_2_03_03_a .contents-header-txt > div:nth-of-type(3),
  .cp-table--1_2_03_03_a .result-list > div:nth-of-type(3) {
    -ms-flex-preferred-size: 90px;
        flex-basis: 90px;
  }
  .cp-table--1_2_03_03_a .contents-header-txt > div:nth-of-type(4),
  .cp-table--1_2_03_03_a .result-list > div:nth-of-type(4) {
    -ms-flex-preferred-size: 80px;
        flex-basis: 80px;
  }
}
@media screen and (max-width: 480px) {
  .cp-table--1_2_03_03_a {
    font-size: 12px !important;
  }
  .cp-table--1_2_03_03_a .contents-header-txt {
    background-color: #fdf7e0 !important;
  }
  .cp-table--1_2_03_03_a .contents-header-txt > div:nth-of-type(1),
  .cp-table--1_2_03_03_a .result-list > div:nth-of-type(1) {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .cp-table--1_2_03_03_a .contents-header-txt > div:nth-of-type(2),
  .cp-table--1_2_03_03_a .result-list > div:nth-of-type(2) {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .cp-table--1_2_03_03_a .contents-header-txt > div:nth-of-type(3),
  .cp-table--1_2_03_03_a .result-list > div:nth-of-type(3) {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .cp-table--1_2_03_03_a .contents-header-txt > div:nth-of-type(4),
  .cp-table--1_2_03_03_a .result-list > div:nth-of-type(4) {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
}

@media screen and (max-width: 480px) {
  .cp-table--1_2_03_03_b {
    font-size: 13px !important;
  }
  .cp-table--1_2_03_03_b .contents-header-txt {
    background-color: #fdf7e0 !important;
  }
}

@media screen and (min-width: 481px) {
  .cp-table--1_2_04_03 .contents-header-txt > div:nth-of-type(1),
  .cp-table--1_2_04_03 .result-list > div:nth-of-type(1) {
    -ms-flex-preferred-size: 13%;
        flex-basis: 13%;
  }
  .cp-table--1_2_04_03 .contents-header-txt > div:nth-of-type(2),
  .cp-table--1_2_04_03 .result-list > div:nth-of-type(2) {
    -ms-flex-preferred-size: 14%;
        flex-basis: 14%;
  }
  .cp-table--1_2_04_03 .contents-header-txt > div:nth-of-type(3),
  .cp-table--1_2_04_03 .result-list > div:nth-of-type(3) {
    -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
  }
  .cp-table--1_2_04_03 .contents-header-txt > div:nth-of-type(4),
  .cp-table--1_2_04_03 .result-list > div:nth-of-type(4) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .cp-table--1_2_04_03 .contents-header-txt > div:nth-of-type(5),
  .cp-table--1_2_04_03 .result-list > div:nth-of-type(5) {
    -ms-flex-preferred-size: 11%;
        flex-basis: 11%;
  }
}

@media screen and (min-width: 481px) {
  .cp-table--1_2_04_11 .contents-header-txt > div:nth-of-type(2),
  .cp-table--1_2_04_11 .result-list > div:nth-of-type(2) {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
  .cp-table--1_2_04_11 .contents-header-txt > div:nth-of-type(3),
  .cp-table--1_2_04_11 .result-list > div:nth-of-type(3) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .cp-table--1_2_04_11 .contents-header-txt > div:nth-of-type(4),
  .cp-table--1_2_04_11 .result-list > div:nth-of-type(4) {
    -ms-flex-preferred-size: 19%;
        flex-basis: 19%;
  }
  .cp-table--1_2_04_11 .contents-header-txt > div:nth-of-type(5),
  .cp-table--1_2_04_11 .result-list > div:nth-of-type(5) {
    -ms-flex-preferred-size: 17%;
        flex-basis: 17%;
  }
  .cp-table--1_2_04_11 .contents-header-txt > div:nth-of-type(6),
  .cp-table--1_2_04_11 .result-list > div:nth-of-type(6) {
    -ms-flex-preferred-size: 13%;
        flex-basis: 13%;
  }
  .cp-table--1_2_04_11 .contents-header-txt > div:nth-of-type(7),
  .cp-table--1_2_04_11 .result-list > div:nth-of-type(7) {
    -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
  }
}

.cp-table--1_2_08_01_a .contents-header {
  width: auto;
  border-right: none !important;
}
.cp-table--1_2_08_01_a .contents-vertical:first-of-type {
  border-bottom: 1px solid #ebebeb !important;
}
.cp-table--1_2_08_01_a .contents-vertical:nth-of-type(2) {
  padding-top: 10px;
}
.cp-table--1_2_08_01_a .contents-vertical:not(:last-of-type) {
  border-bottom: none;
}
.cp-table--1_2_08_01_a .contents-vertical:last-of-type {
  padding-bottom: 10px;
}
.cp-table--1_2_08_01_a .user-manage-register-btn {
  padding: 10px 15px;
  width: auto;
  display: table-cell;
}
.cp-table--1_2_08_01_a .btn {
  margin: 0 auto !important;
}
.cp-table--1_2_08_01_a .user-manage-btn-width {
  width: 185px !important;
}
@media screen and (max-width: 480px) {
  .cp-table--1_2_08_01_a {
    width: 200%;
  }
  .cp-table--1_2_08_01_a .contents-header {
    display: table-cell;
    text-align: center;
    padding: 10px 15px !important;
  }
  .cp-table--1_2_08_01_a .contents-header-txt {
    background-color: #fdf7e0;
  }
  .cp-table--1_2_08_01_a .user-manage-btn-width {
    width: auto !important;
    white-space: nowrap;
  }
}
@media screen and (max-width: 480px) {
  .cp-table-area--1_2_08_01_a {
    width: 100%;
    overflow-x: scroll;
  }
}
@media screen and (min-width: 481px) {
  .cp-table--1_2_08_01_b .contents-header-txt > div:nth-of-type(2),
  .cp-table--1_2_08_01_b .result-list > div:nth-of-type(2) {
    -ms-flex-preferred-size: 6%;
        flex-basis: 6%;
  }
  .cp-table--1_2_08_01_b .contents-header-txt > div:nth-of-type(3),
  .cp-table--1_2_08_01_b .result-list > div:nth-of-type(3) {
    -ms-flex-preferred-size: 6%;
        flex-basis: 6%;
  }
  .cp-table--1_2_08_01_b .contents-header-txt > div:nth-of-type(4),
  .cp-table--1_2_08_01_b .result-list > div:nth-of-type(4) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .cp-table--1_2_08_01_b .contents-header-txt > div:nth-of-type(5),
  .cp-table--1_2_08_01_b .result-list > div:nth-of-type(5) {
    -ms-flex-preferred-size: 11%;
        flex-basis: 11%;
  }
  .cp-table--1_2_08_01_b .contents-header-txt > div:nth-of-type(6),
  .cp-table--1_2_08_01_b .result-list > div:nth-of-type(6) {
    -ms-flex-preferred-size: 12%;
        flex-basis: 12%;
  }
  .cp-table--1_2_08_01_b .contents-header-txt > div:nth-of-type(7),
  .cp-table--1_2_08_01_b .result-list > div:nth-of-type(7) {
    -ms-flex-preferred-size: 13%;
        flex-basis: 13%;
  }
  .cp-table--1_2_08_01_b .contents-header-txt > div:nth-of-type(8),
  .cp-table--1_2_08_01_b .result-list > div:nth-of-type(8) {
    -ms-flex-preferred-size: 9%;
        flex-basis: 9%;
  }
  .cp-table--1_2_08_01_b .contents-header-txt > div:nth-of-type(9),
  .cp-table--1_2_08_01_b .result-list > div:nth-of-type(9) {
    -ms-flex-preferred-size: 6%;
        flex-basis: 6%;
  }
  .cp-table--1_2_08_01_b .contents-header-txt > div:nth-of-type(10),
  .cp-table--1_2_08_01_b .result-list > div:nth-of-type(10) {
    -ms-flex-preferred-size: 8%;
        flex-basis: 8%;
  }
  .cp-table--1_2_08_01_b .contents-header-txt > div:nth-of-type(11),
  .cp-table--1_2_08_01_b .result-list > div:nth-of-type(11) {
    -ms-flex-preferred-size: 7%;
        flex-basis: 7%;
  }
}
@media screen and (min-width: 481px) {
  .cp-table--1_2_08_01_c .contents-header-txt > div:nth-of-type(2),
  .cp-table--1_2_08_01_c .result-list > div:nth-of-type(2) {
    -ms-flex-preferred-size: 6%;
        flex-basis: 6%;
  }
  .cp-table--1_2_08_01_c .contents-header-txt > div:nth-of-type(3),
  .cp-table--1_2_08_01_c .result-list > div:nth-of-type(3) {
    -ms-flex-preferred-size: 6%;
        flex-basis: 6%;
  }
  .cp-table--1_2_08_01_c .contents-header-txt > div:nth-of-type(4),
  .cp-table--1_2_08_01_c .result-list > div:nth-of-type(4) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .cp-table--1_2_08_01_c .contents-header-txt > div:nth-of-type(5),
  .cp-table--1_2_08_01_c .result-list > div:nth-of-type(5) {
    -ms-flex-preferred-size: 8%;
        flex-basis: 8%;
  }
  .cp-table--1_2_08_01_c .contents-header-txt > div:nth-of-type(6),
  .cp-table--1_2_08_01_c .result-list > div:nth-of-type(6) {
    -ms-flex-preferred-size: 12%;
        flex-basis: 12%;
  }
  .cp-table--1_2_08_01_c .contents-header-txt > div:nth-of-type(7),
  .cp-table--1_2_08_01_c .result-list > div:nth-of-type(7) {
    -ms-flex-preferred-size: 13%;
        flex-basis: 13%;
  }
  .cp-table--1_2_08_01_c .contents-header-txt > div:nth-of-type(8),
  .cp-table--1_2_08_01_c .result-list > div:nth-of-type(8) {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
  .cp-table--1_2_08_01_c .contents-header-txt > div:nth-of-type(9),
  .cp-table--1_2_08_01_c .result-list > div:nth-of-type(9) {
    -ms-flex-preferred-size: 5%;
        flex-basis: 5%;
  }
  .cp-table--1_2_08_01_c .contents-header-txt > div:nth-of-type(10),
  .cp-table--1_2_08_01_c .result-list > div:nth-of-type(10) {
    -ms-flex-preferred-size: 8%;
        flex-basis: 8%;
  }
  .cp-table--1_2_08_01_c .contents-header-txt > div:nth-of-type(11),
  .cp-table--1_2_08_01_c .result-list > div:nth-of-type(11) {
    -ms-flex-preferred-size: 7%;
        flex-basis: 7%;
  }
}

@media screen and (min-width: 481px) {
  .cp-table--1_2_08_01_d .contents-header-txt > div:nth-of-type(2),
  .cp-table--1_2_08_01_d .result-list > div:nth-of-type(2) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .cp-table--1_2_08_01_d .contents-header-txt > div:nth-of-type(3),
  .cp-table--1_2_08_01_d .result-list > div:nth-of-type(3) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .cp-table--1_2_08_01_d .contents-header-txt > div:nth-of-type(4),
  .cp-table--1_2_08_01_d .result-list > div:nth-of-type(4) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .cp-table--1_2_08_01_d .contents-header-txt > div:nth-of-type(5),
  .cp-table--1_2_08_01_d .result-list > div:nth-of-type(5) {
    -ms-flex-preferred-size: 12%;
        flex-basis: 12%;
  }
  .cp-table--1_2_08_01_d .contents-header-txt > div:nth-of-type(6),
  .cp-table--1_2_08_01_d .result-list > div:nth-of-type(6) {
    -ms-flex-preferred-size: 85px;
        flex-basis: 85px;
  }
  .cp-table--1_2_08_01_d .contents-header-txt > div:nth-of-type(7),
  .cp-table--1_2_08_01_d .result-list > div:nth-of-type(7) {
    -ms-flex-preferred-size: 92px;
        flex-basis: 92px;
  }
}

.cp-table--1_2_11_06_a > .contents-list > .contents-detail > div {
  padding: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.cp-table--1_2_11_06_a > .contents-list > .contents-detail > div > div:not(.contents-header) {
  -ms-flex-preferred-size: calc(100% - 180px);
      flex-basis: calc(100% - 180px);
  border-left: none;
}
.cp-table--1_2_11_06_a > .contents-list > .contents-detail > div > div:not(:last-of-type) {
  border-right: 1px solid #ebebeb;
}
.cp-table--1_2_11_06_a > .contents-list:first-of-type .contents-header:first-of-type {
  background-color: transparent;
}
.cp-table--1_2_11_06_a > .contents-list:first-of-type .contents-header:not(:first-of-type) {
  -ms-flex-preferred-size: calc(100% - 180px);
      flex-basis: calc(100% - 180px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #ebebeb;
}
.cp-table--1_2_11_06_a > .contents-list:first-of-type .contents-header:last-of-type {
  border-right: none;
}
.cp-table--1_2_11_06_a .contents-header {
  -ms-flex-preferred-size: 180px;
      flex-basis: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cp-table--1_2_11_06_a .address-file-select-area {
  width: 100%;
  display: block;
}
@media screen and (min-width: 481px) {
  .cp-table--1_2_11_06_a .pc-contents-hidden {
    display: none !important;
  }
}
@media screen and (max-width: 480px) {
  .cp-table--1_2_11_06_a > .contents-list > .contents-detail > div > div:not(:last-of-type) {
    border-right: none;
  }
  .cp-table--1_2_11_06_a .address-shozoku-area > .contents-input-area {
    width: 100%;
  }
  .cp-table--1_2_11_06_a .under-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cp-table--1_2_11_06_a .width-full {
    width: 100%;
  }
  .cp-table--1_2_11_06_a .contents-input-area-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cp-table--1_2_11_06_a .contents-input-area-inner .input-select-box-area {
    width: 100%;
  }
  .cp-table--1_2_11_06_a .contents-header {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    background-color: #fdf7e0;
    color: #4a4223;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 5px 10px !important;
    margin: 15px 0;
  }
  .cp-table--1_2_11_06_a .contents-link-area {
    text-align: center;
  }
  .cp-table--1_2_11_06_a .sp-contents-hidden {
    display: none !important;
  }
}

@media screen and (min-width: 481px) {
  .cp-table--1_2_11_06_b {
    /*
    .contents-header-txt>div:nth-of-type(6),
    .result-list>div:nth-of-type(6) {
    	flex-basis: 60px;
    	justify-content: center;
    	padding-left: 5px !important;
    	padding-right: 5px !important;
    }*/
  }
  .cp-table--1_2_11_06_b .result-list > div:nth-of-type(6) {
    font-size: 25px;
  }
  .cp-table--1_2_11_06_b .contents-header-txt > div:nth-of-type(2),
  .cp-table--1_2_11_06_b .result-list > div:nth-of-type(2) {
    -ms-flex-preferred-size: 17%;
        flex-basis: 17%;
  }
  .cp-table--1_2_11_06_b .contents-header-txt > div:nth-of-type(3),
  .cp-table--1_2_11_06_b .result-list > div:nth-of-type(3) {
    -ms-flex-preferred-size: 16%;
        flex-basis: 16%;
  }
  .cp-table--1_2_11_06_b .contents-header-txt > div:nth-of-type(4),
  .cp-table--1_2_11_06_b .result-list > div:nth-of-type(4) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .cp-table--1_2_11_06_b .contents-header-txt > div:nth-of-type(5),
  .cp-table--1_2_11_06_b .result-list > div:nth-of-type(5) {
    -ms-flex-preferred-size: 18%;
        flex-basis: 18%;
  }
}

@media screen and (min-width: 481px) {
  .cp-table--1_2_11_07_b .fileSelectButton {
    font-size: 80%;
    border-radius: 6px;
    background-color: #d9d9d9;
    color: #000;
    border: none;
    padding: 1px 8px;
  }
  .cp-table--1_2_11_07_b .fileSelectName {
    font-size: 80%;
  }
  .cp-table--1_2_11_07_b .result-list > div:nth-of-type(7) {
    font-size: 25px;
  }
  .cp-table--1_2_11_07_b .contents-header-txt > div:nth-of-type(2),
  .cp-table--1_2_11_07_b .result-list > div:nth-of-type(2) {
    -ms-flex-preferred-size: 17%;
        flex-basis: 17%;
  }
  .cp-table--1_2_11_07_b .contents-header-txt > div:nth-of-type(3),
  .cp-table--1_2_11_07_b .result-list > div:nth-of-type(3) {
    -ms-flex-preferred-size: 12%;
        flex-basis: 12%;
  }
  .cp-table--1_2_11_07_b .contents-header-txt > div:nth-of-type(4),
  .cp-table--1_2_11_07_b .result-list > div:nth-of-type(4) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .cp-table--1_2_11_07_b .contents-header-txt > div:nth-of-type(5),
  .cp-table--1_2_11_07_b .result-list > div:nth-of-type(5) {
    -ms-flex-preferred-size: 13%;
        flex-basis: 13%;
  }
  .cp-table--1_2_11_07_b .contents-header-txt > div:nth-of-type(6),
  .cp-table--1_2_11_07_b .result-list > div:nth-of-type(6) {
    -ms-flex-preferred-size: 24%;
        flex-basis: 24%;
  }
  .cp-table--1_2_11_07_b .contents-header-txt > div:nth-of-type(7),
  .cp-table--1_2_11_07_b .result-list > div:nth-of-type(7) {
    -ms-flex-preferred-size: 60px;
        flex-basis: 60px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media screen and (min-width: 481px) {
  .cp-table--1_2_11_04 .contents-header-txt > div:nth-of-type(2),
  .cp-table--1_2_11_04 .result-list > div:nth-of-type(2) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .cp-table--1_2_11_04 .contents-header-txt > div:nth-of-type(3),
  .cp-table--1_2_11_04 .result-list > div:nth-of-type(3) {
    -ms-flex-preferred-size: 19%;
        flex-basis: 19%;
  }
  .cp-table--1_2_11_04 .contents-header-txt > div:nth-of-type(4),
  .cp-table--1_2_11_04 .result-list > div:nth-of-type(4) {
    -ms-flex-preferred-size: 16%;
        flex-basis: 16%;
  }
  .cp-table--1_2_11_04 .contents-header-txt > div:nth-of-type(5),
  .cp-table--1_2_11_04 .result-list > div:nth-of-type(5) {
    -ms-flex-preferred-size: 13%;
        flex-basis: 13%;
  }
  .cp-table--1_2_11_04 .contents-header-txt > div:nth-of-type(6),
  .cp-table--1_2_11_04 .result-list > div:nth-of-type(6) {
    -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
  }
}

@media screen and (min-width: 481px) {
  .cp-table--1_2_12_01 .contents-header-txt > div:nth-of-type(1),
  .cp-table--1_2_12_01 .result-list > div:nth-of-type(1) {
    -ms-flex-preferred-size: 11%;
        flex-basis: 11%;
  }
  .cp-table--1_2_12_01 .contents-header-txt > div:nth-of-type(2),
  .cp-table--1_2_12_01 .result-list > div:nth-of-type(2) {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
  .cp-table--1_2_12_01 .contents-header-txt > div:nth-of-type(3),
  .cp-table--1_2_12_01 .result-list > div:nth-of-type(3) {
    -ms-flex-preferred-size: 13%;
        flex-basis: 13%;
  }
  .cp-table--1_2_12_01 .contents-header-txt > div:nth-of-type(4),
  .cp-table--1_2_12_01 .result-list > div:nth-of-type(4) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .cp-table--1_2_12_01 .contents-header-txt > div:nth-of-type(5),
  .cp-table--1_2_12_01 .result-list > div:nth-of-type(5) {
    -ms-flex-preferred-size: 8%;
        flex-basis: 8%;
  }
  .cp-table--1_2_12_01 .contents-header-txt > div:nth-of-type(6),
  .cp-table--1_2_12_01 .result-list > div:nth-of-type(6) {
    -ms-flex-preferred-size: 8%;
        flex-basis: 8%;
  }
  .cp-table--1_2_12_01 .contents-header-txt > div:nth-of-type(7),
  .cp-table--1_2_12_01 .result-list > div:nth-of-type(7) {
    -ms-flex-preferred-size: 16%;
        flex-basis: 16%;
  }
}

.cp-table--1_2_51_a .shozoku-inner {
  width: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.cp-table--1_2_51_a .shozoku-inner > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cp-table--1_2_51_a .shozoku-inner .input-select-box-area {
  width: 210px;
}
.cp-table--1_2_51_a .shozoku-inner .input-select-box-area.width-full {
  width: 100%;
}
/* ==========================================================================
   ポップアップ（個別）
========================================================================== */
.c-popup1.is-style1#portal-moneyinformation-view {
  height: auto !important;
}
.c-popup1.is-style1#portal-moneyinformation-view .information-popup-block,
.c-popup1.is-style1#portal-moneyinformation-view .information-popup-block {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  width: 100%;
}
.c-popup1.is-style1#portal-moneyinformation-view #replyComplete .contents-vertical {
  border: none;
}
.c-popup1.is-style1#portal-moneyinformation-view #replyComplete .contents-header {
  background: none;
  text-align: center;
  border: none;
  padding-top: 15px;
}
.c-popup1.is-style1#portal-moneyinformation-view #replyComplete .contents-header .bold-txt {
  font-weight: normal;
  font-size: 15px;
}
.c-popup1.is-style1#portal-moneyinformation-view #replyComplete .under-btn {
  min-width: 256px;
  margin-top: 20px;
}

.ui-dialog[aria-describedby=portal-moneyinformation-view] .ui-dialog-buttonpane {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: 0;
  background: transparent;
  padding: 0;
}
.ui-dialog[aria-describedby=portal-moneyinformation-view] .ui-dialog-buttonpane.ui-widget-content {
  border: none;
}
.ui-dialog[aria-describedby=portal-moneyinformation-view] .ui-dialog-buttonpane button {
  margin: 0;
  text-indent: -999999px;
  padding: 0;
  min-width: auto;
  min-height: auto;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  position: relative;
}
.ui-dialog[aria-describedby=portal-moneyinformation-view] .ui-dialog-buttonpane button::after, .ui-dialog[aria-describedby=portal-moneyinformation-view] .ui-dialog-buttonpane button::before {
  content: "";
  position: absolute;
  top: 52%;
  left: 53%;
  width: 13px;
  height: 1px;
  background: #ffffff;
}
.ui-dialog[aria-describedby=portal-moneyinformation-view] .ui-dialog-buttonpane button::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.ui-dialog[aria-describedby=portal-moneyinformation-view] .ui-dialog-buttonpane button::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}


/* ==========================================================================
   その他ポップアップ
========================================================================== */
.ui-dialog {
  background-color: transparent !important;
  border-radius: 0 !important;
  border: 0 !important;
  width: 800px;
  padding: 0;
}

@media screen and (max-height: 480px) {
		.ui-dialog{
		position: fixed;	
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%);
	}
}
		
.ui-dialog .ui-dialog-content {
  border: 1px solid #EBEBEB !important;
  background-color: #ffffff !important;
  border-radius: 10px !important;
}
.ui-dialog .progress-popup-txt {
  background-color: #ffffff !important;
  color: #333333 !important;
  font-size: 15px;
  line-height: 24px;
  padding: 18px 0;
}
.ui-dialog .common-progress {
  width: 100px;
  height: 100px;
  background: url(../img/loading_icon.gif) no-repeat center/100px 100px;
  border: 0 !important;
  -webkit-animation: none;
          animation: none;
  top: 32px;
}
.ui-widget-overlay {
  background-color: #000000;
  opacity: 0.6;
}

/* ==========================================================================
   テーブル（表）部品
========================================================================== */
/*
contents-detail c-table1
*/
.c-table1 {
  background: #ffffff;
}
.c-table1 .contents-vertical {
  min-height: 46px;
  border-bottom: 1px solid #ebebeb;
}
.c-table1 .contents-vertical:first-child {
  border-top: 1px solid #ebebeb;
}
.c-table1 .contents-header {
  background-color: #fdf7e0;
  color: #4a4223;
  border-right: 1px solid #ebebeb;
/*  font-weight: bold;*/
  font-size: 15px;
  padding: 10px 15px;
  width: 180px;
  padding: 5px 15px;
}
.c-table1 .contents-header span.bold-txt {
  color: #4a4223;
}
.c-table1 .contents-header label {
  color: #4a4223;
}
.c-table1 .contents-header span.highlight-txt {
  color: #ff2800;
}
.c-table1 .contents-header.contents-header-txt {
  font-size: 100%;
}
.c-table1 .contents-input-area {
  padding: 7px 15px;
  width: calc(100% - 180px);
  word-break: inherit;
  vertical-align: middle;
}
.c-table1 .contents-input-area p a {
  color: #40399a;
}
.c-table1 .result-list:first-child {
  border-top: 1px solid #ebebeb;
}
.c-table1 .result-list.contents-display-flex {
  padding-left: 15px;
}
.c-table1 .input-calender,
.c-table1 .input-timer {
  padding: 4px 10px;
}
.c-table1 .input-count.counterArea {
  word-break: keep-all;
}
.c-table1 .input-select-box {
  padding: 0 30px 0 10px;
}
.c-table1 .input-select-box-area::after {
  top: 1px;
  bottom: 1px;
}
.c-table1.is-style1 .contents-detail.contents-question-vertical {
  display: block;
}
.c-table1.is-style1 .contents-question-title {
  display: block;
  width: 100%;
  text-align: left;
}
.c-table1 .contents-header-txt .highlight-txt {
  font-size: 14px;
}
.c-table1.is-style9 .contents-header {
  width: 230px;
}

.c-table1 .contents-question-border {
  min-height: 46px;
  border-bottom: 1px solid #EBEBEB;
}
.c-table1 .contents-question-border:last-child {
  border-bottom: 0;
}
.c-table1 .contents-question-border .contents-header {
  padding: 10px 15px 11px;
}
.c-table1 .contents-question-border .contents-input-area {
  padding: 10px 15px 11px;
}

.c-table1 .ql-container.ql-snow {
  border-color: #DADADA !important;
}
.c-table1 .ql-editor h1 {
  font-size: 40px;
  line-height: 1.4;
  margin-bottom: 10px;
}
.c-table1 .ql-editor h2 {
  font-size: 40px;
  line-height: 1.4;
  margin-bottom: 10px;
  margin-top: 0;
}
.c-table1 .ql-editor h2 > span {
  font-size: 40px;
}
.c-table1 .ql-toolbar.ql-snow {
    /* padding-right: calc(100% - 480px); */
    border-bottom-width: 0px !important;
    display: none;
}
.cp-table1 .ql-container {
  font-size: 100% !important;
  height: auto !important;
  padding: 0 !important;
}

.c-table1.is-style1 .contents-tag {
  border-bottom: 0;
  border-top: 1px solid #ebebeb;
  margin-top: 11px;
  padding-left: 15px;
  background: transparent;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-table1.is-style1 .contents-display-flex {
  padding: 6px 6px 7px 15px;
}

.c-table1.is-style1 .contents-list .user-group-checkbox {
  width: 15px;
  height: 15px;
}
.c-table1.is-style1 .contents-list .user-group-name {
  width: calc(100% - 15px);
  padding-left: 10px;
}
.c-table1.is-style1 .contents-list .bold-txt {
  font-weight: normal;
}
.c-table1.is-style1 .contents-list .contents-tag {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
}

.c-table1.is-style1 .contents-list .input-checkbox {
  border: 1px solid #b3b3b3;
  top: -3px;
}
.c-table1.is-style1 .user-manage-busho-list {
  border-top: 1px solid #ebebeb;
  padding: 6px 6px 4px 15px;
}

.c-table1.is-style1 .user-manage-busho-list .targetName {
  font-weight: normal;
  margin-left: 0;
}
.c-table1.is-style1 .user-manage-busho-list .input-checkbox {
  margin-left: 0;
  border: 1px solid #b3b3b3;
}

.c-table1.is-style1 .user-manage-level2-list,
.c-table1.is-style1 .user-manage-level3-list {
  margin-left: 0;
}
.c-table1.is-style1#user_manage_select_targetCd_busho .highlight-txt {
  margin-bottom: 11px;
}
.c-table1.is-style1 .user-manage-level2-list:last-child {
  border-bottom: 1px solid #ebebeb;
}

.c-table1.is-style2 .result-list:first-child {
  border-top: 1px solid #ebebeb;
}
.c-table1.is-style2 .contents-display-flex {
  padding: 10px 15px 11px;
}

.c-table1.is-style2--type2 .contents-input-area {
  padding: 0;
}
.c-table1.is-style2--type2 .contents-input-area .contents-display-flex {
  border-bottom: 0;
  border-top: 1px solid #ebebeb;
  padding: 10px 15px 10px;
}
.c-table1.is-style2--type2 .contents-input-area .contents-display-flex:first-child {
  border-top: 0;
}
.c-table1.is-style3 .contents-header {
  padding: 10px 15px;
}
.c-table1.is-style3 .contents-input-area {
  padding: 5px 15px;
}
.c-table1.is-style3 .contents-vertical {
  border-bottom: 1px solid #ebebeb;
}
.c-table1.is-style3 .contents-vertical:first-child {
  border-top: 1px solid #ebebeb;
}
.c-table1.is-style3 .inputErrorField {
  background-color: transparent;
}
.c-table1.is-style3 .eventcalendar-shozoku.eventcalendar-border-top {
  border-top: none;
}
.c-table1.is-style3 .eventcalendar-shozoku .eventcalendar-deptList {
  display: block;
  width: 100%;
}
.c-table1.is-style3 .eventcalendar-shozoku .eventcalendar-deptList .contents-input-area {
  padding: 0px;
}
.c-table1.is-style3 .eventcalendar-shozoku .eventcalendar-deptList .contents-input-area > div {
  padding: 8px 15px;
  border-bottom: 1px solid #ebebeb;
}
.c-table1.is-style3 .eventcalendar-shozoku .eventcalendar-deptList .contents-input-area > div:first-child {
  background: #fdf7e0;
}
.c-table1.is-style3 .eventcalendar-shozoku .eventcalendar-deptList .contents-input-area > div:last-child {
  border-bottom: none;
}
.c-table1.is-style3 .eventcalendar-shozoku .eventcalendar-deptList .one-row .contents-input-area > div {
  background: transparent;
}
.c-table1.is-style3 .contents-input-area.d-flex > div {
  margin-right: 20px;
}
.c-table1.is-style3 .eventcalendar-shozoku.eventcalendar-border-top {
  border-top: none;
}
.c-table1.is-style3 .eventcalendar-shozoku .eventcalendar-deptList {
  display: block;
  width: 100%;
}
.c-table1.is-style3 .eventcalendar-shozoku .eventcalendar-deptList .contents-input-area {
  padding: 0px;
}
.c-table1.is-style3 .eventcalendar-shozoku .eventcalendar-deptList .contents-input-area > div {
  padding: 8px 15px;
  border-bottom: 1px solid #ebebeb;
}
.c-table1.is-style3 .eventcalendar-shozoku .eventcalendar-deptList .contents-input-area > div:first-child {
  background: #fdf7e0;
}
.c-table1.is-style3 .eventcalendar-shozoku .eventcalendar-deptList .contents-input-area > div:last-child {
  border-bottom: none;
}
.c-table1.is-style3 .eventcalendar-shozoku .eventcalendar-deptList .one-row .contents-input-area > div {
  background: transparent;
}
.c-table1.is-style3 .contents-input-area.d-flex > div {
  margin-right: 20px;
}
.c-table1.is-style4 .contents-header {
  padding: 7px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-table1.is-style4 .contents-input-area {
  padding: 7px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-table1.is-style4 .contents-input-area .input-checkbox {
  top: 0;
  overflow: hidden;
}
.c-table1.is-style4 .contents-input-area .input-checkbox:after {
  height: 100%;
}
.c-table1.is-style4 .contents-input-area .input-radio {
  top: 2px;
}
.c-table1.is-style4 .contents-input-area .width-quarter,
.c-table1.is-style4 .contents-input-area .width-small,
.c-table1.is-style4 .contents-input-area .input-calender,
.c-table1.is-style4 .contents-input-area .c-input-w300 {
  width: 300px;
}
.c-table1.is-style4 .contents-input-area .input {
  color: #333333;
}
.c-table1.is-style4 .contents-input-area .highlight-txt {
  width: calc(100% - 300px);
  padding-left: 10px;
}
.c-table1.is-style4 .contents-input-area .input-select-box-area + .input-select-box-area {
  margin-top: 5px;
}
.c-table1.is-style4 .contents-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ebebeb;
}
.c-table1.is-style4 .contents-vertical:first-child {
  border-top: 1px solid #ebebeb;
}
.c-table1.is-style4 .contents-vertical:first-child .input-select-box-area {
  margin-bottom: 0;
}
.c-table1.is-style4 .c-table1__block .contents-input-area {
  display: block;
}
.c-table1.is-style4 .c-table1__block .contents-input-area .highlight-txt {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: right;
}
.c-table1.is-style4 .c-table1__block .contents-input-area .input-select-box-area {
  margin-bottom: 5px;
}
.c-table1.is-style4 .c-table1__block .c-select-row .input-select-box-area {
  width: auto;
  min-width: 217px;
  max-width: 300px;
}
.c-table1.is-style4 .c-table1__block .c-select-row:last-child .input-select-box-area {
  margin-bottom: 0;
}
.c-table1.is-style4 .c-table1__textarea .highlight-txt {
  padding-left: 0 !important;
  width: 100% !important;
}
.c-table1.is-style4 .c-table1__textarea .input-box {
  min-height: 136px;
  position: relative;
}
.c-table1.is-style4 .c-table1__textarea .c-textarea {
  position: relative;
  width: 100%;
}
.c-table1.is-style4 .c-table1__textarea .c-textarea textarea {
  width: 100%;
  resize: none;
}
.c-table1.is-style4 .c-table1__textarea .c-textarea:after {
  content: "";
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url(../surveys/img/rezise.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 3px;
  bottom: 10px;
  pointer-events: none;
  mix-blend-mode: multiply;
}
.c-table1.is-style5 .width-quarter,
.c-table1.is-style5 .width-half {
  width: 260px;
}
.c-table1.is-style5 .link-manage-search-btn {
  width: auto;
}
.c-table1.is-style5 .contents-detail:last-child .contents-display-flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 20px;
}
.c-table1.is-style7 .contents-header {
  padding: 7px 15px;
}
.c-table1.is-style7 .contents-input-area {
  padding: 7px 15px;
}
.c-table1.is-style7 .contents-input-area .input-box {
  padding: 7px 10px;
}
.c-table1.is-style7 .contents-input-area .input-box.width-half {
  min-width: 540px;
}
.c-table1.is-style7 .contents-input-area .ql-snow a {
  color: #40399A;
}
.c-table1.is-style8 .input-count {
  display: block;
  margin-left: 5px;
  text-align: left;
}
.c-table1.is-style8 .contents-detail.title .contents-input-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-table1.is-style8 .contents-input-area {
  padding: 7px 15px;
}
.c-table1.is-style8 .contents-input-area .input-select-box-area.width-half {
  min-width: 300px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.c-table1.is-style8 .contents-input-area .input-box.c-input-w90 {
  width: 100%;
  min-width: 100%;
}
.c-table1 .pdf {
  font-weight: normal;
  background: url("../img/ico_pdf.svg") right center no-repeat;
}

/*
contents-detail c-table2
*/
.c-table2 {
  background: #ffffff;
}
.c-table2 .contents-list {
  border-top: 1px solid #ebebeb;
  padding: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: sticky;
  top: 0;
  z-index: 1;
  line-height: 1.2;
}
.c-table2 .contents-list.contents-header-txt > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
/*  padding: 8px 15px 8px 15px;*/
    padding: 7px 10px;
}
.c-table2 .contents-list.contents-header-txt > div:not(:last-of-type) {
  border-right: 1px solid #ebebeb;
}
.c-table2 .contents-list.contents-tag {
  border-bottom: 1px;
}
.c-table2 .contents-list .bold-txt {
  font-weight: normal;
}
.c-table2 .contents-header-txt {
  color: #4a4223;
  background-color: #fdf7e0;
  font-size: 100%;
}
.c-table2 .result-list {
  padding: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.c-table2 .result-list > div:not(:last-of-type) {
  border-right: 1px solid #ebebeb;
}
.c-table2 .result-list > div {
  min-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 15px 7px 15px;
  min-width: 30px;
}
.c-table2.is-style1 .contents-detail {
  padding-bottom: 10px;
}
.c-table2.is-style1 .contents-list {
  border-top: 0;
}
.c-table2.is-style1 .contents-list.contents-tag {
  border-top: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
}
.c-table2.is-style1 .contents-list .operation-log-date {
 /* min-width: 172px;*/
  width: 12%;
  word-break: break-all;
}
.c-table2.is-style1 .contents-list .operation-log-syozoku {
  /*min-width: 160px;*/
  width: 12%;
  word-break: break-all;
}
.c-table2.is-style1 .contents-list .operation-log-user-number {
  /*min-width: 120px;*/
  width: 8%;
  word-break: keep-all;
}
.c-table2.is-style1 .contents-list .operation-log-user-name {
  /*min-width: 160px;*/
  width: 12%;
}
.c-table2.is-style1 .contents-list .operation-log-address {
  /*min-width: 150px;*/
  width: 8%;
  word-break: break-all;
}
.c-table2.is-style1 .contents-list .operation-log-module {
  /*min-width: 150px;*/
  width: 8%;
}
.c-table2.is-style1 .contents-list .operation-log-opration {
  /*min-width: 200px;*/
  width: 14%;
}
.c-table2.is-style1 .contents-list .operation-log-url {
  /*min-width: 200px;*/
  width: 12%;
}
.c-table2.is-style1 .contents-list .operation-log-course-id {
  /*min-width: 160px;*/
  width: 12%;
}

/*
contents-detail c-table3
*/
.c-table3 {
  background-color: #ffffff;
}
.c-table3 .eventcalendar-manage-date > * {
  float: none;
  display: inline-block;
  margin-bottom: 0;
}
.c-table3 .contents-tag {
  border-bottom: 1px solid #EBEBEB;
  background-color: #FCF4E4;
  padding: 0;
}
.c-table3 .contents-tag:first-child {
  background-color: #ffffff;
  padding-bottom: 7px;
}
.c-table3 .result-list {
  padding: 0;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
}
.c-table3 [class*=information-management-],
.c-table3 [class*=eventcalendar-manage-] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  border-left: 1px solid #EBEBEB;
  padding: 5px 15px 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-table3 [class*=information-management-]:first-child,
.c-table3 [class*=eventcalendar-manage-]:first-child {
  border-left: 0;
}
.c-table3 [class*=information-management-] .bold-txt,
.c-table3 [class*=eventcalendar-manage-] .bold-txt {
  font-weight: normal;
}
.c-table3 .information-management-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-table3 .information-management-checkbox .input-checkbox {
  overflow: hidden;
  top: 0;
}
.c-table3 .link-txt {
  font-weight: normal;
}
.c-table3 .eventcalendar-term {
  margin: 0;
}
.c-table3 .information-management-checkbox {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.c-table3 .eventcalendar-manage-attribute {
  width: 14.151% !important;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.c-table3.is-style1 {
  width: 100%;
  margin: 8px 0 30px;
}
.c-table3.is-style1 .link-txt {
  font-weight: bold;
}
.c-table3.is-style1 .contents-tag:first-child {
  background-color: #fcf4e4;
  padding-bottom: 0;
  border-top: 1px solid #ebebeb;
}
.c-table3.is-style1 .contents-tag:first-child > div:not(:last-child) {
  border-right: 1px solid #ebebeb;
}
.c-table3.is-style1 .contents-tag:first-child > div {
  padding: 5px 15px 5px;
  font-weight: normal;
}
.c-table3.is-style1 .result-list > div:not(:last-child) {
  border-right: 1px solid #ebebeb;
}
.c-table3.is-style1 .result-list > div {
  padding: 5px 15px;
}
.c-table3.is-style1 .portal-information-list-date {
  width: 15%;
  min-width: 151px;
}
.c-table3.is-style1 .portal-trash {
  width: 7%;
  text-align: center;
}
.c-table3.is-style1 .portal-information-list-title {
  width: 48%;
}
.c-table3.is-style1 .portal-information-list-category {
  width: 15%;
}
.c-table3.is-style1 .portal-information-list-division {
  width: 15%;
}
.c-table3.is-style1 .portal-trash-cancel {
  position: relative;
  text-decoration: none;
}
.c-table3.is-style1 .portal-trash-cancel:after {
  content: "undo";
  font-size: 15px;
  color: #40399a;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
.c-table3.is-style1 .portal-trash-cancel:hover:after {
  color: #675de2;
}
.c-table3.is-style1 .sortmark {
  top: 6px;
}
.c-table3.is-style1 .information-status-shozoku {
  min-width: 170px;
  word-break: inherit;
}
.c-table3.is-style1 .information-status-name {
  min-width: 250px;
}
.c-table3.is-style1 .information-status-number {
  min-width: 170px;
}
.c-table3.is-style1 .information-status-faculty {
  min-width: 90px;
}
.c-table3.is-style1 .information-status-status {
  min-width: 120px;
}
.c-table3.is-style1 .information-status-responder {
  min-width: 102px;
}
.c-table3.is-style1 .information-status-shozoku {
  min-width: 170px;
  word-break: inherit;
}
.c-table3.is-style1 .information-status-name {
  min-width: 250px;
}
.c-table3.is-style1 .information-status-number {
  min-width: 170px;
}
.c-table3.is-style1 .information-status-faculty {
  min-width: 90px;
}
.c-table3.is-style1 .information-status-status {
  min-width: 120px;
}
.c-table3.is-style1 .information-status-responder {
  min-width: 102px;
}

/*
contents-detail c-table4
*/
.c-table4 {
  background: #fff;
}
.c-table4 .link-manage-display-order {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 30px;
  -ms-flex-preferred-size: 13px;
      flex-basis: 13px;
}
.c-table4 .contents-tag,
.c-table4 .contents-header-txt {
  background: #fcf4e4;
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
}
.c-table4 .contents-tag > div,
.c-table4 .contents-header-txt > div {
  border-right: 1px solid #ebebeb;
/*  padding: 5px 15px;*/
  padding: 7px 10px;
}
.c-table4 .contents-tag > div:last-child,
.c-table4 .contents-header-txt > div:last-child {
  border-right: 0;
}
.c-table4 .contents-tag > div.information-management-checkbox, .c-table4 .contents-tag > div.link-manage-display-order,
.c-table4 .contents-header-txt > div.information-management-checkbox,
.c-table4 .contents-header-txt > div.link-manage-display-order {
  border-right: 0;
}
.c-table4 .information-management-checkbox {
  -ms-flex-preferred-size: 43px;
      flex-basis: 43px;
  border-right: 0;
}
.c-table4 .information-management-checkbox .input-checkbox {
  top: 0;
}
.c-table4 .link-manage-display-order {
  -ms-flex-preferred-size: 22px;
      flex-basis: 22px;
  border-right: 0 !important;
  padding-top: 10px !important;
}
.c-table4 .link-manage-display-order a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-table4 .link-manage-name {
  width: 20%;
}
.c-table4 .link-manage-url {
  width: 26.59%;
}
.c-table4 .link-manage-shozoku {
  width: 17.82%;
}
.c-table4 .link-manage-display-target {
  width: 17.82%;
}
.c-table4 .link-manage-display-term {
  width: 14%;
}
.c-table4 .contents-list .result-list {
  padding: 0;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}
.c-table4 .contents-list .result-list > div {
  border-right: 1px solid #ebebeb;
  padding: 7px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.c-table4 .contents-list .result-list > div:last-child {
  border-right: 0;
}
.c-table4 .contents-list .result-list > div.information-management-checkbox {
  border-right: 0;
}
.c-table4 .contents-list .result-list .link-txt {
  padding: 7px 15px;
  border-right: 1px solid #ebebeb;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.c-table4 .contents-list .result-list .link-txt.link-manage-url {
  text-decoration: none;
}
.c-table4 .contents-list .result-list #sectionHandle img {
  width: 13px;
}
.c-table4 .contents-list .bold-txt {
  font-weight: normal;
}
.c-table4 .contents-display-flex {
  padding: 0;
}
.c-table4.is-style1 .contents-display-flex {
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}
.c-table4.is-style1 .contents-display-flex div {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-table4.is-style1 .contents-list .result-list > div {
  padding: 7px 15px;
}
.c-table4.is-style1 .sortmark,
.c-table4.is-style1 .up-sortmark {
  top: 2px;
}
.c-table4.is-style1 .role-manage-checkbox {
  max-width: 48px;
  width: 4%;
  padding-right: 0;
  padding: 5px 0 5px 15px !important;
  border-right: 0 !important;
}
.c-table4.is-style1 .role-manage-auth-type {
  width: 8%;
}
.c-table4.is-style1 .role-manage-shozoku {
  width: 9.5%;
}
.c-table4.is-style1 .role-manage-user-role {
  width: 11%;
}
.c-table4.is-style1 .role-manage-user-id {
  width: 14%;
}
.c-table4.is-style1 .role-manage-position {
  width: 11%;
}
.c-table4.is-style1 .role-manage-target-gakubu {
  width: 9.5%;
}
.c-table4.is-style1 .role-manage-target-category {
  width: 9.5%;
}
.c-table4.is-style1 .role-manage-target-busho {
  width: 9.5%;
}

/* ==========================================================================
   Quill関連
========================================================================== */
/*.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: none !important;
}*/
.cp-table .ql-toolbar.ql-snow {
  /*padding-right: calc(100% - 480px);*/
  border-bottom-width: 0px !important;
  display: none;
}
.ql-editor:after {
  content: "";
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url(../img/btn-surveys_resize.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 3px;
  bottom: 3px;
  pointer-events: none;
  mix-blend-mode: multiply;
}
.ql-editor[contenteditable=false]::after {
  content: none;
}
/*
Quillエリア
*/
.c-editorarea1 .input-count {
  display: block;
  text-align: right;
  margin-bottom: 5px;
}
.c-editorarea1__wrapper {
  position: relative;
  padding-left: 6px;
  height: 100%;
}
.c-editorarea1__wrapper .ql-formats:nth-child(5) {
  margin-right: 17px !important;
}
.c-editorarea1__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-editorarea1__inner .input_side_panel {
  padding-top: 5px;
}
.c-editorarea1__inner .btn-surveys_toolbar {
  width: 17px;
  height: 17px;
  display: block;
  background-image: url(../surveys/img/btn-surveys_toolbar.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.c-editorarea1__inner .btn-surveys_toolbar:hover {
  -webkit-filter: brightness(161%);
          filter: brightness(161%);
}
.c-editorarea1 .highlight-txt {
  margin-top: 5px;
}
.c-editorarea1 .ql-toolbar.ql-snow {
  padding: 2px 0;
  border: 1px solid #DADADA;
}

/* ==========================================================================
   TODOノージャンル
========================================================================== */

#personalEventForm input#startTime,
#personalEventForm input#endTime {
  width: 65px;
}
#personalEventForm textarea {
  resize: none;
}

.c-txt1 {
  font-size: 14px;
  margin: 7px;
}

#linkManageForm .input-checkbox::after {
  height: 13px;
}
#linkManageForm .block-under-area {
  margin-left: 0;
  margin-right: 0;
}

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

#fileContentsBodyEditor {
  height: 253px;
}

.u-valign-t {
  vertical-align: top;
}

.u-border-none {
  border: none !important;
}

.u-underline {
  text-decoration: underline !important;
}

.input-select-box-area:before {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-row__th {
  font-size: 15px;
  background: #fdf7e0;
  width: 180px;
  padding: 20px 15px;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  color: #4A4223;
}
.c-row__td {
  width: calc(100% - 180px);
  border-left: 1px solid #ebebeb;
}
.c-row__td .c-table1 .contents-tag {
  margin-top: 0;
  background: #fdf7e0;
}
.c-row__td > .user-manage-busho-list:nth-child(1) {
  background: #fdf7e0;
}

#saveConfirmPopup .contents-complete {
  margin-bottom: 24px;
}
.c-required__note {
  font-size: 12px;
  font-weight: 400;
}

/* ==========================================================================
   完了画面関連
========================================================================== */
.c-complete {
  position: relative;
  font-size: 26px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 104px;
  margin-top: 30px;
}
.c-complete::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  background: url(../img/ico-complete.svg) no-repeat center/100%;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.c-complete__txt {
  color: #f7a529;
  margin: 0;
}
.c-complete.is-yellow::before {
  background: url(../img/ico-complete-yellow.svg) no-repeat center/100%;
}
.c-complete.is-yellow .c-complete__txt {
  color: #fad42c;
}
.c-complete.is-brown::before {
  background: url(../img/ico-complete-brown.svg) no-repeat center/100%;
}
.c-complete.is-brown .c-complete__txt {
  color: #a57850;
}
.c-complete.is-red::before {
  background: url(../img/ico-complete-red.svg) no-repeat center/100%;
}
.c-complete.is-red .c-complete__txt {
  color: #e65845;
}
.c-complete.is-pink::before {
  background: url(../img/ico-complete-pink.svg) no-repeat center/100%;
}
.c-complete.is-pink .c-complete__txt {
  color: #e24aa3;
}
.c-complete.is-default::before {
  background: url(../img/ico-complete-default.svg) no-repeat center/100%;
}
.c-complete.is-default .c-complete__txt {
  color: #403999;
}
.c-complete.is-green::before {
  background: url(../img/ico-complete-green.svg) no-repeat center/100%;
}
.c-complete.is-green .c-complete__txt {
  color: #76be51;
}
.c-complete.is-blue::before {
  background: url(../img/ico-complete-blue.svg) no-repeat center/100%;
}
.c-complete.is-blue .c-complete__txt {
  color: #43b283;
}

.cp-contents .contents-complete-position {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    text-align: center;
    padding: 10px;
    min-height: 80px;
}
.cp-contents .contents-complete-position .contents-complete-message {
	background-color:unset;
}
@media ( max-width : 480px) {
	.cp-contents .contents-complete-position
	.contents-complete-message {
		background-color:none;
	}
}


/* ==========================================================================
   プレビュー画面トグルスイッチ
========================================================================== */
.c-tab1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #F0EFFF;
  border-radius: 16px;
  max-width: 170px;
}
.c-tab1 input[type=radio] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  display: block;
  pointer-events: none;
}
.c-tab1__txt {
  height: 28px;
  font-size: 15px;
  color: #40399A;
  font-weight: bold;
  z-index: 111;
  border-radius: 16px;
  cursor: pointer;
  -webkit-transition: color 0.15s ease-in, background-color 0.15s linear;
  transition: color 0.15s ease-in, background-color 0.15s linear;
  min-width: 85px;
  line-height: 28px;
  display: block;
  text-align: center;
}
.c-tab1__glider {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  width: 85px;
  background-color: #40399A;
  z-index: 1;
  border-radius: 999px;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.c-tab1 input[type=radio]:checked + label {
  color: #ffffff;
  font-weight: 700;
}
.c-tab1 input[id=radio-1]:checked ~ .c-tab1__glider {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.c-tab1 input[id=radio-2]:checked ~ .c-tab1__glider {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}


/* ==========================================================================
   余白・位置関連（共通）
========================================================================== */
/*
上マージン
*/
.mgt-0 {
  margin-top: 0 !important;
}
.mgt-15 {
  margin-top: 15px !important;
}
.mgt-60 {
  margin-top: 60px;
}
.mgt-30 {
  margin-top: 30px;
}
.mgt-20 {
  margin-top: 20px;
}
.mgt-10 {
  margin-top: 10px;
}
.mgt-0 {
  margin-top: 0 !important;
}
.c-mt0 {
  margin-top: 0 !important;
}
.c-mt0 .under-btn {
  margin-top: 0;
}
.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px !important;
}

/*
下マージン
*/
.mgb-10 {
  margin-bottom: 10px;
}
.mgb-15 {
  margin-bottom: 15px !important;
}
.mb-25 {
  margin-bottom: 30px !important;
}
.mgb-20 {
  margin-bottom: 20px;
}
.mgb-25 {
  margin-bottom: 25px;
}
.mgb-30 {
  margin-bottom: 30px;
}
.mgb-0 {
  margin-bottom: 0 !important;
}
/*
左マージン
*/
.mgl-10 {
  margin-left: 10px;
}
/*
右マージン
*/
.mgr-30 {
  margin-right: 30px;
}
/*
マージン0
*/
.mg-0 {
  margin: 0;
}
/*
上パディング
*/
.c-pt-0 {
  padding-top: 0 !important;
}
.c-pt-10 {
  padding-top:10px;
}

/*
下パディング
*/
.pb-20 {
  padding-bottom: 20px !important;
}
/*
左パディング
*/
.pdl-25 {
  padding-left: 25px !important;
}
.pdl-35 {
  padding-left: 35px !important;
}

.c-dev-container {
  margin: 30px;
}
.l-container {
  max-width: 1000px;
  margin: auto;
}
.u-center {
  text-align: center;
}
.c-target {
  position: relative;
  padding-right: 22px;
}
.txt-right {
  text-align: right;
  padding-right: 30px;
  margin: 0;
}
/*
z-index
*/
.zindex-2 {
  z-index: 2;
}

/* ==========================================================================
   文字サイズ関連
========================================================================== */
.u-fs17 {
  font-size: 17px !important;
}
.u-fs10 {
  font-size: 10px !important;
}

/* ==========================================================================
   見出し関連
========================================================================== */
.c-dev-title1 {
	background: #000;
	color: #fff;
	line-height: 1;
	padding: 6px 0 6px 15px;
	font-size: 20px;
	margin: 60px 0 20px 0;
}

.c-dev-title2 {
	background: #888;
	color: #fff;
	line-height: 1;
	padding: 6px 0 6px 30px;
	font-size: 16px;
	margin: 50px 0 10px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.c-dev-title2 p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.c-dev-title2__design {
	margin-left: 20px;
	color: #fff;
	padding-right: 20px;
}

.c-dev-title2__status {
	margin-left: 20px;
}

.c-dev-title2__date {
	font-weight: bold;
	margin-right: 16px;
}

.c-dev-message1 {
	top: 0;
	left: 0;
	background: #f00;
	color: #fff;
	z-index: 9999;
	position: fixed;
	line-height: 1;
	padding: 3px 6px;
	opacity: 0.6;
	font-size: 8px;
}
/* ==========================================================================
   削除部品
========================================================================== */
.c-delete {
  padding-right: 30px;
}
.c-delete__link {
  font-size: 14px;
  color: #403999;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90px;
  background: #fff;
  border-radius: 16px;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #403999;
  text-align: center;
  margin-left: auto;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
  padding: 3px 0;
}
.c-delete__link:before {
  content: url(../img/icon/icon_delete.svg);
  width: 16px;
  height: 18px;
  display: inline-block;
  margin-right: 9px;
}
.c-delete__link:hover {
  color: #675de2;
  border: 2px solid #675de2;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  opacity: 1;
}
.c-delete__link:hover:before {
  content: url(../img/icon/icon_delete_over.svg);
}
.c-btn-delete {
  font-size: 14px;
  color: #403999;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90px;
  padding: 0;
  background: #fff;
  border-radius: 16px;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #403999;
  text-align: center;
  margin-left: auto;
  line-height: 1 !important;
}
.c-btn-delete:before {
  content: "";
  display: inline-block;
  background: url(../img/icon/icon_delete.svg) no-repeat;
  margin-right: 9px;
  width: 14px;
  height: 16px;
}
.c-btn-delete:hover {
  background: #fff;
  color: #675de2;
}
.c-btn-delete:hover:before {
  color: #675de2;
}

#personal-event-popup .delete-button {
	-webkit-mask:   url("../img/icon/icon_delete_invert.svg") no-repeat center center / contain;
	mask-image:     url("../img/icon/icon_delete_invert.svg");
    mask-repeat:    no-repeat;
    mask-position:  center center;
    mask-size:      contain;
	width:	        32px;
	height:	        32px;
	background-color: #403999;
	left: -5px;
	top: -5px;
	bottom: 0;
	margin: auto 0;
	margin-right: 30px;
	position: relative;
}

.block-wide.is-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block-wide.is-btn .c-btn-delete {
  margin-right: 30px;
  top: -5px;
}
.cp-contents .block-title-icon[data-icon="img-icon-delete"]::before {
    left: 0;
    top: 2px;
    background-image: url(../img/icon/icon_delete.svg);
    background-size: 17px auto;
}
.cp-contents .block-title-icon[data-icon="img-icon-delete"]:hover {
    -webkit-filter: brightness(161%);
    filter: brightness(161%);
}

/* コンテンツ内のアイコン付き削除ボタン */
.cp-contents .content-delete-btn {
	min-width:100px;
}

/* ==========================================================================
   スクロールバー
========================================================================== */
#main-scrollbar {
	padding-bottom: 15px;
	overflow: auto;
	margin: 10px auto auto;
}
.contents-list .scrollbar-track {
  background: #fff;
  border: 1px solid #EBEBEB;
  opacity: 1;
}
.contents-list .scrollbar-track .scrollbar-thumb {
  background: #B3B3B3;
  border-radius: 5px;
}
.contents-list .scrollbar-track-x {
  height: 16px;
}
.contents-list .scrollbar-track-x .scrollbar-thumb {
  height: 10px;
  top: 2px;
}
.contents-list .scrollbar-track-y {
  width: 16px;
}
.contents-list .scrollbar-track-y .scrollbar-thumb {
  width: 10px;
  left: 2px;
}
.inner-scrollbar {
  height: 385px;
  /*min-width: 1467px;*/
}
/* ==========================================================================
   ソート
========================================================================== */
.sortmark, .up-sortmark {
	cursor: pointer;
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 22px;
	height: 12px;
	top: 3px;
}
.sortmark:after,
.up-sortmark:after {
  content: "arrow_downward_alt";
  color: #B3B3B3;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  font-size: 22px;
  font-weight: 400;
}
.up-sortmark:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* ==========================================================================
   所属部品
========================================================================== */
.c-select-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-select-row span {
  word-break: keep-all;
  margin-right: 10px;
  min-width: 75px;
}
/* ==========================================================================
   ファイルアップロード
========================================================================== */
.c-fileupload-area {
  padding-bottom: 0 !important;
}
.c-fileupload-area .drag-drop-area {
  background-color: #f7f7f7;
  border: 2px dashed #D9D9D9;
  color: #b3b3b3;
  text-align: center;
  padding: 15px 0;
  height: auto;
  margin-bottom: 10px;
}
.c-fileupload-area .drag-drop-area span {
  color: #b3b3b3;
  position: relative;
  display: block;
  line-height: 24px;
}
.c-fileupload-area .drag-drop-area span:before {
  content: "upload";
  font-size: 25px;
  color: #b3b3b3;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  vertical-align: -5px;
}
.c-fileupload-area .fileSelectButton {
  font-family: "Noto Sans JP", sans-serif;
  color: #333333;
  padding: 4px 10px;
  display: block;
  border: none;
  background: #403999;
  color: #fff;
  border-radius: 50px;
  font-size: 15px;
  font-weight: bold;
  margin: 7px auto auto;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
  cursor: pointer;
}
.c-fileupload-area .fileSelectButton:hover {
  background-color: #675de2;
  border-color: #675de2;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  opacity: 1;
}
.c-fileupload-area .link-txt {
  margin-right: 10px;
  display: inline-block;
}
.c-fileupload-area .link-txt.bold-txt {
  font-weight: normal;
}
.c-fileupload-area .link-txt.formatDownload {
  position: relative;
  padding-right: 22px;
}
.c-fileupload-area .link-txt.formatDownload:after {
  content: "";
  background: url(../img/icon/icon_download.svg) no-repeat;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 0;
  top: 5px;
}
.c-namefile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 30px);
  border-top: 1px solid #EBEBEB;
  margin-left: -15px;
}
.c-namefile__name {
  width: calc(100% - 150px);
  display: block;
  padding: 12px 15px;
}
.c-namefile__memory {
  width: 88px;
  border-left: 1px solid #EBEBEB;
  border-right: 1px solid #EBEBEB;
  padding: 12px 0 12px 15px;
}
.c-namefile .deletePopup {
  width: 62px;
  position: relative;
  min-width: auto;
  padding-bottom: 0;
  padding-left: 0;
  background: none;
  cursor: pointer;
}
.c-namefile .deletePopup:after {
  content: "";
  background: url(../img/icon/icon_delete.svg) no-repeat;
  width: 16px;
  height: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 300ms 0s ease !important;
  transition: all 300ms 0s ease !important;
}
.c-namefile .deletePopup:hover:after {
  background: url(../img/icon/icon_delete_over.svg) no-repeat;
  opacity: 1;
}
.c-fileupload-area .c-namefile__memory {
  border: none;
  text-align: right;
}

/* ==========================================================================
   一括操作関連
========================================================================== */
.c-row-btn {
  padding: 0 !important;
  border-bottom: 1px solid #EBEBEB;
  background: #FCF4E4;
}
.c-row-btn .contents-tag {
  border-bottom: 0;
}
.c-row-btn .contents-list {
  padding: 12px 0;
}
.c-row-btn .contents-list .contents-input-area {
  width: auto;
  padding: 0 0 0 12px;
}
.c-row-btn .contents-list .bulk-delete-btn {
  width: auto;
  margin-left: 0;
}


/* コースコンテンツ内のヘッダー */
.course-header {
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.course-title-txt {
	border-top: 2px solid #D6DADB;
	font-size: 160%;
	font-weight: bold;
	padding: 12px 30px 10px 34px;
}

@media ( max-width : 480px) {
	.course-title-txt {
		font-size: 145%;
		float: none;
		padding: 12px 13px 13px;
	}
}

.contents-title {
	border-top: none;
	padding: 30px 30px 0 30px;
}

@media ( max-width : 480px) {
	.contents-title {
		padding: 2px 13px 1px;
	}
}

.u-bg-yellow {
  background: #fdf4e4;
}

/* ==========================================================================
   アイコン・ラベル関連
========================================================================== */
.contents-title-icon {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 28px auto;
  padding-left: 35px;
}
.icon_book {
  background-image: url(../img/icon_book.svg);
}
.c-title1 .contents-title-icon {
  line-height: 1;
  min-height: 40px;
  background-size: 40px auto;
  padding-left: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 28px;
}
.c-title1 .icon-file_box {
  background-image: url(../img/icon-file_box.svg);
}
.c-title1 .icon-linked {
  background-image: url(../img/icon-linked.svg);
}
.c-title1 .icon-calendar {
  background-image: url(../img/icon-calendar.svg);
}
.c-title1 .icon-notice_management {
  background-image: url(../img/icon-notice_management.svg);
}
.c-title1 .icon-address_book {
  background-image: url(../img/icon-address_book.svg);
}
.c-title1 .icon-questionnaire {
  background-image: url(../img/icon-questionnaire.svg);
}
.c-title1 .icon-personal_setting {
  background-image: url(../img/icon-personal_setting.svg);
}
.c-title1 .icon-user_management {
  background-image: url(../img/icon-user_manage.svg);
}
.c-title1 .icon-proxy_login {
  background-image: url(../img/icon-proxy_login.svg);
}
.c-title1 .icon-system_log {
  background-image: url(../img/icon-system_log.svg);
}
.c-title1 .icon-user_manage {
  background-image: url(../surveys/img/icon-user_manage.svg);
}
.c-title1 .icon-notice_manage {
  background-image: url(../surveys/img/icon-notice_manage.svg);
}
.c-title1 .icon-dataset_linked {
  background-image: url(../img/icon_dataset_linked.svg);
}
.c-title1 .icon-cabinets_manage {
  background-image: url(../img/ico-cabinets_manage.svg);
}
.c-title1 .icon-notice_calendar {
  background-image: url(../manage/img/icon-notice_calendar.svg);
  background-size: 25px auto;
}
.c-title1 .icon-class_register {
  background-image: url(../img/icon-class_register.svg);
}

.c-title2--no_icon .block-title-txt:before {
  display: none;
}
.c-title2--mb10 {
  margin-bottom: 10px;
}
.c-title2 .block-title-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-title2 .block-title-icon[data-icon=edit_note]:before {
  top: 4px;
  position: relative;
}
.c-title2 .block-title-icon:before {
  float: none;
  display: block;
  width: 25px;
}
.c-title2 .block-title-icon[data-icon=search]:before {
  content: "";
  background: url(../img/icon/icon_search.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=registration]:before {
  content: "";
  background: url(../img/icon/icon_registration.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=confirm]:before {
  content: "";
  background: url(../img/icon/icon_confirm.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=lists]:before {
  content: "";
  background: url(../img/icon/icon_lists.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=address]:before {
  content: "";
  background: url(../img/icon/icon_address.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=template]:before {
  content: "";
  background: url(../img/icon/icon_template.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=question]:before {
  content: "";
  background: url(../img/icon/icon_question.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=table_graph]:before {
  content: "";
  background: url(../img/icon/icon_table_graph.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=notice]:before {
  content: "";
  background: url(../img/icon/icon_notice.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=address_book]:before {
  content: "";
  background: url(../img/icon/icon_address_book.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=calendar]:before {
  content: "";
  background: url(../img/icon/icon_calendar.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=user]:before {
  content: "";
  background: url(../img/icon/icon_user.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=link]:before {
  content: "";
  background: url(../img/icon/icon_link.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=file]:before {
  content: "";
  background: url(../img/icon/icon_file.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=language]:before {
  content: "";
  background: url(../img/icon/icon_language.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=password]:before {
  content: "";
  background: url(../img/icon/icon_password.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=transfer]:before {
  content: "";
  background: url(../img/icon/icon_transfer.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=list]:before {
  content: "";
  background: url(../img/icon/icon_list.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=bookmark_add]:before {
  content: "";
  background: url(../img/icon/icon_bookmark_add.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=copy]:before {
  content: "";
  background: url(../img/icon/icon_copy.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=delete]:before {
  content: "";
  background: url(../img/icon/icon_delete.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=arrow_right]:before {
  content: "";
  background: url(../img/icon/icon_arrow_right.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=error]:before {
  content: "";
  background: url(../img/icon/icon_error.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=complete]:before {
  content: "";
  background: url(../img/icon/icon_complete.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=favorite]:before {
  content: "";
  background: url(../img/icon/icon_favorite.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=print]:before {
  content: "";
  background: url(../img/icon/icon_print.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=calendar_add]:before {
  content: "";
  background: url(../img/icon/icon_calendar_add.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=open_in_new]:before {
  content: "";
  background: url(../img/icon/icon_open_in_new.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=download]:before {
  content: "";
  background: url(../img/icon/icon_download.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=detail]:before {
  content: "";
  background: url(../img/icon/icon_detail.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=close]:before {
  content: "";
  background: url(../img/icon/icon_close.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=questionnaire]:before {
  content: "";
  background: url(../img/icon/icon_questionnaire.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=clicker]:before {
  content: "";
  background: url(../img/icon/icon_clicker.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=discussion]:before {
  content: "";
  background: url(../img/icon/icon_discussion.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=message]:before {
  content: "";
  background: url(../img/icon/icon_message.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=attend]:before {
  content: "";
  background: url(../img/icon/icon_attend.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=quiz]:before {
  content: "";
  background: url(../img/icon/icon_quiz.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=report]:before {
  content: "";
  background: url(../img/icon/icon_report.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=moive]:before {
  content: "";
  background: url(../img/icon/icon_moive.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=document]:before {
  content: "";
  background: url(../img/icon/icon_document.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=quill]:before {
  content: "";
  background: url(../img/icon/icon_quill.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=calendar_integration]:before {
  content: "";
  background: url(../img/icon/icon-calendar_integration.svg) no-repeat;
}
.c-title2 .block-title-icon[data-icon=class_register]:before {
  content: "";
  width: 20px;
  margin-right: 5px;
  background: url(../img/icon/icon-class_register.svg) 0 2px no-repeat;
}
.c-title2 .block-title-icon[data-icon=notelist]:before {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    width: 14px;
    content: "";
    background: url(../img/icon_notelist.svg) no-repeat;
}
.c-title2.setting-color {
  background-color: transparent;
}
.c-title2 .required-notice {
  position: absolute;
  right: 0;
  top: 0;
}
.c-title2 .c-tab1 {
  position: absolute;
  right: 37px;
  top: -6px;
}
.c-title3 {
  background-color: transparent;
}
.c-title3.setting-color {
  background-color: transparent;
}
.c-title3--required .block-title-txt:after {
  content: " *";
  color: #ff2800;
  display: inline-block;
  margin-left: 3px;
}
.c-title3 .required-notice {
  text-align: right;
  white-space: nowrap;
  font-size: 93.3333333333%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  padding-top: 5px;
}
.c-title3__small {
  font-size: 12px;
  color: #333333 !important;
  font-weight: normal;
}
.c-title3 .block-title-txt {
  color: #4A4223;
}
.c-title3 .block-title-txt::before {
  background-color: #625a3c;
}
.c-title3 .block-title-txt span {
  color: #4A4223;
}

.c-title4 {
  padding-bottom: 11px;
  margin-bottom: 20px;
  border-bottom: 2px solid #403999;
  background: transparent;
}
.c-title4 .block-title-txt::before {
  width: 25px;
  height: 25px;
  position: relative;
  top: 3px;
  background: url(../img/filetype_other.svg) no-repeat;
}
.c-acrobatpdf {
  background: url("../img/ico_acrobatreader.svg") left top no-repeat;
  background-size: 100%;
  width: 158px;
  height: 39px;
  margin-right: 10px;
  padding: 0;
}
.c-password {
  position: relative;
}
.c-password__icon {
  margin-left: -28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
  height: 20px;
  cursor: pointer;
}
.c-reply-required {
  color: #fff;
  background: #FF9900;
  font-size: 12px;
  margin-left: 5px;
  padding: 1px 5px;
  border-radius: 3px;
}
.c-reply-required strong {
  color: #fff;
  font-weight: normal;
}
.c-target {
  position: relative;
  padding-right: 22px;
}
.c-target:after {
  content: "";
  background: url(../img/icon/icon_open_in_new.svg) no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 0;
  top: 5px;
}
.block-title-icon::before {
  width: 22px;
  margin-right: 8px;
}

.cp-contents .ptl-information[data-icon^=img-icon-info-trush] {
    position: relative;
    padding-left: 17px;
}
.cp-contents .ptl-information[data-icon="img-icon-info-trush"]::before {
	content: "";
	width: 16px;
	height: 19px;
	display: inline-block;
	background-image: url(../img/icon/icon_delete.svg);
	background-repeat: no-repeat;
	background-size: 12px auto;
	background-position: center;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.ptl-information .trush-link-txt {
  font-weight: normal;
  font-size: 93.3333333333%;
}

.icon-37 {
    position: relative;
    top: 5px;
    margin-right: 5px;
    width: 23px;
}

.c-btn1--blank span:after {
    margin-left: 5px;
    content: "";
    width: 12px;
    height: 12px;
    background: url(../img/icon_blank.svg) no-repeat center / 12px auto;
}

/* ==========================================================================
   カレンダー部品
========================================================================== */
.input,
.input-calender,
.input-select-box {
  font-family: "Noto Sans JP", sans-serif;
}

.holiday a.ui-state-default {
	color:red;
}
.saturday a.ui-state-default {
	color:blue;
}
.sunday a.ui-state-default {
	color:red;
}

.ui-datepicker .ui-datepicker-header {
    color:white;
    background:navy;
    background: #403999 !important;
}
.ui-datepicker .ui-datepicker-title,
.ui-datepicker .ui-datepicker-year,
.ui-datepicker .ui-datepicker-month {
  color: #fff !important;
}
.ui-widget-content .ui-state-default{
    color:gray;
    background:white;
}
.ui-widget-content .ui-state-hover{
    color:black;
    background:#e3e2f7 ;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid navy;
}

.ui-widget-header .ui-icon {
    background-image: url("/css/images/ui-icons_ffffff_256x240.png");
}

/* ==========================================================================
   ページング
========================================================================== */
.c-pagging {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 28px;
}
.c-pagging .paging-area {
  padding: 0;
}
.c-pagging .paging-txt {
  font-size: 14px;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}

.c-pagging .contents-display-flex {
	align-items: center;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: flex-start;
	padding: 8px 6px 6px 20px;
}

@media ( max-width : 480px) {
	.c-pagging .contents-display-flex {
		padding: 5px;
		justify-content: center;
	}
}
.c-pagging .result_paging_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f0efff;
  border-radius: 25px;
  padding: 9px 5px 9px 0;
}
.c-pagging .result_paging_btn .btn {
  padding: 5px 11px;
  min-width: 32px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background: #f0efff;
  color: #403999;
  border: 0;
  margin-left: 15px;
  font-size: 14px;
  font-weight: bold;
}
.c-pagging .result_paging_btn .btn:first-child {
  margin-left: 5px;
}
.c-pagging .result_paging_btn .btn .material-symbols-outlined {
  color: #403999;
  font-size: 14px;
  font-weight: bold;
}
.c-pagging .result_paging_btn .btn.current-page, .c-pagging .result_paging_btn .btn.disabled, .c-pagging .result_paging_btn .btn:hover {
  background: #403999;
  opacity: 1;
  color: #fff;
}
.c-pagging .result_paging_btn .btn.current-page a, .c-pagging .result_paging_btn .btn.disabled a, .c-pagging .result_paging_btn .btn:hover a {
  color: #fff;
}
.c-pagging .result_paging_btn .btn.current-page .material-symbols-outlined, .c-pagging .result_paging_btn .btn.disabled .material-symbols-outlined, .c-pagging .result_paging_btn .btn:hover .material-symbols-outlined {
  color: #fff;
}

/*-----------------------------------
パンくず
-------------------------------------*/
.c-breadcrumb {
  margin-bottom: 15px;
  padding-top: 0;
}
.c-breadcrumb .link-txt {
  font-size: 14px;
  color: #333333;
  font-weight: normal;
}
.c-breadcrumb span {
  background: url(../img/ico-arrow-right.svg) no-repeat center/100%;
  width: 6px;
  height: 12px;
  display: inline-block;
  text-indent: -999999px;
  position: relative;
  top: 7px;
  margin: 0 5px;
}
.c-breadcrumb .topic-path-cell {
  padding-bottom: 0;
}
.c-breadcrumb .topic-path-cell:first-child {
  padding-left: 0;
}
.c-breadcrumb .topic-path-cell:last-child .link-txt {
  text-decoration: none;
}
.c-breadcrumb.is-style1 {
  margin: 20px 39px -10px 39px;
}
.c-breadcrumb.is-style1 .link-txt {
  font-size: 12px;
  color: #b3b3b3;
}
.c-breadcrumb.is-style1 .topic-path-cell:first-child .link-txt {
  color: #403999;
}
/*-----------------------------------
文字装飾
-------------------------------------*/
.contents-header-txt {
	font-size: 108%;
}
@media ( max-width : 480px) {
	.contents-header-txt {
		font-size: 100%;
	}
}
.bold-txt {
	font-weight: bold;
}
.caution-txt {
	color: red;
}
.highlight-txt {
	color: #ff2800;
}
.link-txt {
	color: #403999;
	text-decoration: underline;
	font-weight: bold;
}
.link-txt:hover {
	opacity: 0.6;
	cursor: pointer;
}
.margin-center {
	margin-left: auto;
	margin-right: auto;
}
.c-imgtxt1 {
  background: #f0efff;
  border: none !important;
  padding: 0;
}
.c-imgtxt1 .contents-title {
  padding: 0;
}
.c-imgtxt1 .contents-title-txt {
  margin-top: 30px;
  font-size: 18px;
  color: #222222;
}
.c-highlight-txt {
  font-size: 15px;
  color: #FF2800;
  text-align: center;
  background: #fff;
  border: 2px solid #FF2900;
  position: relative;
  padding: 7px 0 9px;
  border-radius: 10px;
}
.c-highlight-txt:before {
  content: "";
  background: url(../img/icon_highlight.svg) no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: -2px;
  margin-right: 10px;
}

.break-word {
	word-break: break-word;
}

/*-----------------------------------
ボタン関連
-------------------------------------*/
.btn,
.under-btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 20px;
  min-width: 90px;
  min-height: 32px;
    -webkit-transition: all 300ms 0s ease !important;
  transition: all 300ms 0s ease !important;
}
.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.under-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 10px 0 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}

@media (hover: hover) {
  .btn:hover,
  .under-btn:hover {
    background-color: #675de2;
    border-color: #675de2;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
    opacity: 1;
  }
}
.feedback-transition-btn {
	display: inline-block;
	margin: 0 10px 0 10px;
	padding: 7px 14px 5px;
}
.btn-new {
	background-image: url(../img/add_icon.png);
	border-radius: 50%;
	height: 27px;
	width: 27px;
}

.btn-new-color {
	filter: invert(65%);
	margin-right: 5px;
}

/*TODO 名称変更*/
/* 2つ以上のボタンが存在する時に右側に追加 */
.title-btn {
	margin-left: 20px;
}

.btn-edit {
	background: #434444 url(../img/btn_ico_edit.png) center center no-repeat;
	border: 2px solid #434444;
	border-radius: 50%;
	display: block;
	height: 27px;
	text-decoration: none;
	width: 27px;
}

.btn-control {
	background-image: url(../img/control_btn_icon.png);
	background-size: 27px, 27px;
	border-radius: 50%;
	cursor: pointer;
	height: 28px;
	position: relative;
	width: 27px;
	transition: all 300ms 0s ease;
}

.btn-control:before {
	content: '';
	border-radius: 3px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: all 300ms 0s ease;
}

.btn-control:hover:before {
	background-color: rgba(255, 255, 255, 0.4);
}

.btn-control-none {
	height: 28px;
	position: relative;
	width: 27px;
}

.btn-square {
	height: auto;
	width: 115px;
}

.btn-delete-shape {
	heght: 25px;
	width: 70px;
}

.btn-reload {
	margin: 10px;
}

.btn-square-area {
	margin-left: 12px;
	padding-top: 5px;
}

.btn-left {
	float: left;
}

.btn-right {
	float: right;
}

.btn-inline {
	display: inline-block;
	padding: 7px 14px 5px;
}

.btn-inline:hover {
	opacity: 0.6;
	cursor: pointer;
}

.btn-file-margin {
	margin-left: 10px;
}

@media ( max-width : 480px) {
	.btn-file-margin {
		margin-left: 0px;
		margin-bottom: 5px;
	}
}

.btn-txt {
	border-radius: 16px;
	font-size: 100%;
	line-height: 1.2;
	font-weight: bold;
	text-decoration: none;
	word-break: keep-all;
}

.btn-color {
	background-color: #403999;
	border: 1px solid #403999;
	color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn-wide {
	min-width: 190px;
}

.btn-primary {
	background-color: #403999;
	border: 1px solid #403999;
	color: #fff;
}

.btn-secondary {
	min-height: 34px;
	background-color: #fff;
	border: 2px solid #403999;
	color: #403999;
	cursor: pointer;
}

@media ( hover : hover) {
	.btn-primary:hover {
		background-color: #675de2;
		border-color: #675de2;
	}
	.btn-secondary:hover {
		color: #675de2;
		background-color: #fff;
	}
}

.btn-forward {
	padding-right: 50px;
	min-height: 40px;
    border-radius: 20px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
	position: relative;
}

.btn-forward::after {
	content: "keyboard_arrow_right";
	font-family: "Material Icons";
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #fff;
	font-size: 18px;
	line-height: 1;
	color: #403999;
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	position: absolute;
	right: 3px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

@media ( hover : hover) {
	.btn-forward:hover::after {
		color: #675de2;
	}
}

.btn-back {
	background-color: transparent;
	border: none;
	color: #403999;
	position: relative;
	padding-left: 50px;
	margin-right: 22px;
}

.btn-back::before {
	content: "keyboard_arrow_left";
	font-family: "Material Icons";
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #403999;
	font-size: 18px;
	line-height: 1;
	color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	position: absolute;
	left: 3px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

@media ( hover : hover) {
	.btn-back:hover {
		color: #675de2;
		background-color: transparent;
        -webkit-box-shadow: none;
                box-shadow: none;
	}
	.btn-back:hover::before {
		background-color: #675de2;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	}
}

.btn-color:active {
	box-shadow: none;
}

.white-btn-color {
	background-color: #FFF;
	border: 1px solid #FFF;
	box-shadow: 0px 2px 3px 1px #40454a;
	color: #27251F;
	transition: all 300ms 0s ease;
}

.white-btn-color:active {
	box-shadow: none;
}

.red-btn-color {
	background-color: #e63333;
	border: 1px solid #e63333;
	box-shadow: 0px 1px 3px 1px #b15050;
	color: #FFF;
	transition: all 300ms 0s ease;
}

.red-btn-color:active {
	box-shadow: none;
}

.newIcon {
	background-color: #d91d5e;
	color: #FFF;
	margin-left: 5px;
	padding: 1px 5px;
	word-break: keep-all;
	width: 40px;
}

.c-btn-add {
  min-width: 120px;
  height: 32px;
}
.c-btn-add::before {
  content: "+";
  font-weight: normal;
  font-size: 22px;
  line-height: 1;
  padding-right: 7px;
  margin-bottom: 3px;
}

.c-btn-timer {
  width: 25px;
  height: 25px;
  background: url(../img/ico-time.svg) no-repeat center;
  cursor: pointer;
}
.c-btn-timer:hover {
  opacity: 0.8;
}

.c-btn-link {
  width: 25px;
  height: 25px;
  background: url(../img/icon-link.svg) no-repeat center;
  cursor: pointer;
}
.c-btn-link:hover {
  opacity: 0.8;
}

.c-timer-tooltip {
  background: #000;
  color: white;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  font-size: 10px;
  padding: 3px 5px;
}
.c-timer-tooltip .ui-tooltip-content {
  color: #ffffff;
}

.c-btn-flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-btn1 .under-btn {
  min-width: 180px;
}
.btn-color--red{
  background: #ff2800;
  border: 1px solid #ff2800;
}
.btn-color--red:hover{
  background: #ff2800;
  border: 1px solid #ff2800;
}
/* 横並びボタン */
.c-btn-gr1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-btn-gr1 .c-btn1 .under-btn {
  margin-left: 15px;
  margin-right: 15px;
}

.c-btn1--w150 .under-btn {
  min-width: 150px !important;
}
.c-btn1--w180 .under-btn {
  min-width: 180px !important;
}
.c-btn1--w195 .under-btn {
  min-width: 195px !important;
}

/*アイコンをOFFに見せたい場合(.disabledの見た目だけ変更するバージョン)*/
.icon-status-off {
	opacity: 0.6;
}

/*-----------------------------------
入力部品
-------------------------------------*/
.contents-input-area {
	display: table-cell;
	padding: 9px 15px 9px 25px;
	width: 80%;
	word-break: normal;
	overflow-wrap: break-word;
}

@media ( max-width : 480px) {
	.contents-input-area {
		display: block;
		font-size: 93%;
		padding: 5px 5px 5px 5px;
		width: 100%;
		word-break: normal;
		overflow-wrap: break-word;
	}
}

.input-count {
	text-align: right;
	display: none;
}

@media ( max-width : 480px) {
	.input-count {
		margin-top: 5px;
		margin-bottom: 5px;
		display: none;
	}
}

.input {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #d9d9d9;
}

.input-box {
	color: #545555;
	padding: 4px 10px;
	width: 100%;
}

/* 調整中 */
.input-box-url {
	color: #545555;
	padding: 6px 10px;
	width: 70%;
}

.textarea-box {
	padding: 6px 10px;
	resize: none;
	width: 100%;
	border: 1px solid #d9d9d9;
}

.textarea-resize {
	min-height: 100px;
	resize: vertical;
}

.textarea-add-box {
	/* height: 165px; */
	height: 100px;
}

.input-select-box-area {
	background: #FFF;
	border-radius: 2px;
	overflow: hidden;
	position: relative;
}

/*TODO 時間があるときに上と結合*/
.input-select-small-box-area {
	width: 10%;
}

.input-select-box  {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	min-height: 20px;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	width: 100%;
	padding: 0 10px;
	border-radius: 5px;
	border-color: #d9d9d9;
	min-width: 13px;
	line-height: 1.7;
}

.input-select-box-area::before  {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #555;
	content: '';
	height: 0;
	padding: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	border-left-width: 4px;
	border-right-width: 4px;
	border-top-width: 4px;
	right: 0.7em;
}

.input-select-box-area::after {
	bottom: 0;
	position: absolute;
	border-left: 1px solid #aeaeae;
	content: '';
	top: 0;
	width: 1px;
	border-left-color: #d9d9d9;
    right: 1.75em;
}
.input-file-text-area {
	float: left;
}
.input-calender  {
	padding: 3px 10px;
	width: 108px;
	border-color: #d9d9d9;
	border-width: 1px;
	border-style: solid;
}

@media ( max-width : 480px) {
	.input-calender {
		width: 95px;
	}
}
.input-timer {
	padding: 3px 10px;
	width: 80px;
}
@media ( max-width : 480px) {
	.input-timer {
		width: 65px;
	}
}
.btn-timer {
	height: 29px;
	padding: 6px 10px;
	width: 2px;
}
/* : */
.contents-time-colon:after {
	content: ":";
	margin-left: 1px;
	margin-right: 1px;
}
/* 〜 */
.contents-time-to:after {
	content: "〜";
	margin-left: 3px;
	margin-right: 3px;
}
.margin-txt-left {
	margin-left: 10px;
}
.input-radio {
	background-color: transparent;
	border-radius: 100%;
	height: 18px;
	padding: 0;
	position: relative;
	top: 5px;
	width: 18px;
	margin: 0 0 2px 0;
	/* margin: 0 0 7px 0; */
	border-color: #403999;
	cursor: pointer;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
}
@media ( max-width : 480px) {
	.input-radio {
		margin-left: 5px;
	}
}
.input-radio:after  {
	content: "";
	background-color: #403999;
	border-radius: 100%;
	display: block;
	height: 8px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	position: absolute;
	width: 8px;
	margin: auto;
}
.input-radio:checked:after {
	opacity: 1.0;
}
.input-radio + label {
  margin-right: 20px;
}
label[for] {
  cursor: pointer;
}
.no-top-input-radio {
	top: 0;
}
.input[type=number] {
  border-radius: 5px;
}
.input[type=number]:not(:first-child) {
  margin-left: 5px;
}
.input[type=number]:not(:last-child) {
  margin-right: 5px;
}
.input-checkbox {
	background-color: #fff;
	border-radius: 0;
	height: 15px;
	margin-left: 20px;
	margin-right: 5px;
	padding: 0;
	position: relative;
	top: 4px;
	width: 15px;
	cursor: pointer;
}
@media ( max-width : 480px) {
	.input-checkbox {
		margin: 0;
		margin-left: 0;
		top: 2px;
	}
}
.input-checkbox:first-child {
  margin-left: 0;
}
.input-checkbox:last-child {
  margin-right: 0;
}
.input-checkbox-label {
	vertical-align: 3px;
}
.input-checkbox:after {
	content: "check_small";
	border-right: 2px solid #231815;
	border-bottom: 2px solid #231815;
	display: block;
	height: auto;
	left: 0px;
	opacity: 0;
	position: absolute;
	top: 0px;
	width: auto;
	font-family: "Material Icons";
	border: none;
	font-size: 13px;
	-webkit-transform: none;
            transform: none;
    white-space: nowrap;
}
.input-checkbox:checked:after {
	opacity: 1.0;
}
@media screen and (max-width: 480px) {
  .input-checkbox + label {
    margin-right: 15px;
  }
}
.input-small-box {
	width: 108px;
	padding: 4px 10px;
}
.up-sortmark {
	cursor: pointer;
}
@media screen and (min-width: 481px) {
  .input-select-box-wide {
    min-width: 400px;
    border-radius: 5px;
  }
  .input-select-box-wide .input-select-box {
    padding: 4px 10px;
  }
  .input-select-box-wide::before {
    top: 1.1em;
    right: 0.8em;
  }
  .input-select-box-wide::after {
    right: 2em;
  }
}

.break {
	word-break: break-all;
	word-wrap: anywhere;
}
/*
.c-inputarea1
*/
.c-inputarea1 .input-box {
  padding: 5px 10px;
  width: 82.186%;
  float: left;
  line-height: 1.4;
}
.c-inputarea1 .input-count {
  display: block;
  text-align: left;
  width: 17.814%;
  padding: 2px 0 0 5px;
  float: right;
  font-size: 14px;
  line-height: 27px;
}

/* ==========================================================================
   幅
========================================================================== */
.width-small {
	width: 10%;
}
.width-fifteen {
	width: 15%;
}
.width-one-fourth {
	width: 20%;
}
.width-quarter {
	width: 25%;
}
.width-thirty {
	width: 30%;
}
.width-two-fifths {
    width: 40%;
}
.width-half {
	width: 50%;
}
.width-three-quarters {
	width: 75%;
}
.width-eighty-five{
	width: 85%;
}
.width-ninety{
	width: 90%;
}
.width-one-third{
	width: 33%;
}

.width-full {
	width: 100%;
}
.c-with-auto {
  width: auto;
}
.max-width-full {
	max-width: 100%;
}
/* ==========================================================================
   ▲ここまでカスタマイズ(一部はportal_common_2023.cssとマージ)
========================================================================== */
/* ==========================================================================
   デザイン適用前に追加したCSS
========================================================================== */
/** ohm add */
/** 新規登録 タブ表示 */
li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #fff;
    border-color: #ddd #ddd #fff;
}

.nav-tabs {
    border-bottom: none;
}

.nav-tabs .nav-link {
    border: 1px solid #e2e2e2;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
    width: 50%;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    color:black;
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-tabs .nav-link {
	color: #0056b3;
}

.nav-tabs {
  border-bottom:none;
  overflow: hidden;
}

.nav-tabs .nav-link.active {
  color: #212529;
  position: relative;
  background-color:#e2e2e2;
  border-bottom:#e2e2e2;
  font-weight: bold;
}

.tab-pane.active .tab-pane-header {
  padding:1rem;
  background-color:#edf3f7;
  border-top-right-radius: .5rem;
  border-top-left-radius: .5rem;
  margin-bottom:1rem;
}

.tab-pane:first-child .tab-pane-header {
  border-top-left-radius: 0;
}

.tab-content>.active {
    display: block;
    background-color: #e2e2e2;
}

.insertwords-toolbar {
    line-height: 25px;
    font-size: 10px;
    padding: 4px 0px;
}

.insertwords-toolbar span {
    padding: 0px 4px;
    margin: 1px;
    border: 1px solid #b2b2b2;
    background-color: #f0f0f0;
    cursor: pointer;
    display: inline-block;
}

/*SP用ページトップ管理メニュー*//*om_add*/
.adminmenu-wrapper-sp {
	margin:30px 0;
	padding: 0 15px;
}

@media(min-width: 481px){
	.adminmenu-wrapper-sp {
		display: none;
	}
}

.adminmenu-sp {
	background-color: #fff;
	border: 1px solid #403999;
	cursor: pointer;
	height: 42px;
	position: relative;
	transition: 300ms ease all;
}

.adminmenu-open-sp {
	background-color: #403999;
	border: 1px solid #201c4d;
}

.adminmenu-txt-sp {
	color: #403999;
	font-size: 116%;
	left: 50%;
	line-height: 1.2;
	position: absolute;
	top: 50%;
	transform: translate(calc(-50% - 14px) , -50%);
}

.adminmenu-txt-open-sp {
	color: #fff;
}

.adminmenu-txt-sp:after {
	/*border: 1px solid #403999;*/
	background:#403999;
	content: "";
	/*font-size: 86.6%;*/
	/*font-weight: normal;*/
	height: 17px;
	/*line-height: 15px;*/
	position: absolute;
	/*text-align:center;*/
	right: -27px;
	top: 1px;
	width: 17px;
	mask-image: url(../img/icon/icon-plus_narrow.svg);
}

.adminmenu-txt-sp.adminmenu-txt-open-sp:after {
	/*border-color: #fff;*/
	background: #fff;
	content: "";
	/*font-size: 66.6%;*/
	mask-image: url(../img/icon/icon-minus_narrow.svg);
}

.adminmenu-list-wrapper-sp {
	background-color: #403999;
	border: 1px solid #201c4d;
	border-top: none;
	display: none;
}

.adminmenu-list-sp {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.adminmenu-list-area-sp {
	width: 50%;
	border-bottom: 1px solid #201c4d;
}

.adminmenu-list-area-sp:nth-child(2n+1) {
	border-right: 1px solid #201c4d;
}

.adminmenu-list-area-sp:last-child {
	border-bottom: none;
}

.adminmenu-list-colomn-sp {
	background: #403999 url(../img/ico_list_white.png) 8px 8px no-repeat;
	color: #fff;
	display: block;
	font-size: 116%;
	line-height: 1.2;
	padding: 8px 0 7px 25px;
	text-decoration: none;
}

.adminmenu-list-colomn-sp:active {
	background-color: #201c4d;
	transition: 300ms ease all;
}

.text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/** ohm add */
.highlight {
	background-color:yellow;
	font-weight: bold;
}

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

.confirm-pop {
	background:#FFF;
	width: 680px;
	height:150px;
	position: relative;
	 margin:auto;
	border-radius: 10px;
}

@media(max-width: 480px){
	.confirm-pop {
		width: 90%;
	}
}

.text-right {
	text-align:right;
}
.merge-preview-icon {
    background: url(../img/merge_preview_icon.png) no-repeat;
    padding-bottom: 25px;
    padding-left: 20px;
}

.attribute-turn-back {
	white-space: nowrap;
}

/*TODO:仮置き */
.file-delete-icon {
    background: url(/img/examination_btn_delete.png) no-repeat;
    padding-bottom: 25px;
    padding-left: 30px;
}

.quill-half-width {
    width:40%
}

.break-word-txt {
	word-wrap: break-word;
}

.width-fifteen {
	width:15%;
}

.expand-btn {
	float: right;
	padding-right:15px;
}

.expand-open-btn:after {
	content: "+";
}

.expand-close-btn:after {
	content: "-";
}

/*om_add*/
.portal-info-checkbox-favorite {
	background: url(../home/img/top_ico_star_empty.png) center no-repeat;
	border: none;
	cursor: pointer;
	height: 19px;
	margin: 0;
	top: 2px;
	width: 19px;
}

/*om_add*/
.portal-info-checkbox-favorite:checked {
	background-image: url(../home/img/top_ico_star_yellow.png);
}

/*om_add*/
.portal-info-checkbox-favorite:after {
	display: none;
}

.edit-fileName-width{
	width:80%;
}
.edit-fileSize-width{
	width:10%;
	text-align:right;
}

.underline {
	text-decoration: underline;
}

.c-block1 .width-contents-input-area {
  padding-left: 15px;
}
.cp-contents .width-contents-input-area .highlight-txt,
.cp-contents .inputErrorFieldReplace + .highlight-txt {
  font-size: 95%;
}
.cp-table .width-contents-input-area {

  vertical-align: top;
  position: relative;
  padding: 7px 15px;
}
@media screen and (max-width: 480px) {
  .cp-table .width-contents-input-area {
    padding: 2px 0 5px !important;
  }
  .cp-table .width-contents-input-area + .width-contents-input-area {
    border-left: none;
  }
  .cp-table .margin-txt-left {
    margin-left: 0 !important;
  }
}
.c-table1 .width-contents-input-area {
  padding: 6px 15px;
  width: calc(100% - 180px);
  word-break: inherit;
  vertical-align: middle;
}
.c-table1 .width-contents-input-area p a {
  color: #40399a;
}
/* widthを別クラスで指定したい時に使用 */
.width-contents-input-area {
	display: table-cell;
	padding: 9px 15px 9px 25px;
	word-break: break-all;
}
@media ( max-width : 480px) {
	.width-contents-input-area {
		display: block;
		font-size: 93%;
		padding: 5px 5px 5px 5px;
		width: 100%;
		word-break: break-all;
	}
}

.c-popup1 .width-contents-input-area {
    font-size: 15px;
}

/* ==========================================================================
   トグルスイッチ(新) ▼こちらを使用してください
========================================================================== */
.switchArea {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
/*  margin-top: -5px;*/
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  .switchArea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.switchArea .switch-title {
  color: #403999;
}

 /* === チェックボックスのラベル（標準） ==================== */
.switchArea label {
    position: relative;
    display: inline-block;
    width: 160px;
    height: 32px;
}

.switchArea .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f0efff;
    border-radius: 16px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

 /* === 表示する文字（標準） ================================ */
 .switchArea label span:before{
  content: "ON";
  font-size: 15px;
  font-weight: bold;
  color: #403999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
  width: 80px;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
.switchArea label span:after{
  content: "OFF";
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  height: 100%;
  left: 2px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  position: absolute;
  background-color: #403999;
  border-radius: 14px;
}

 /* === 表示する文字（ONのとき） ============================ */
 .switchArea  input[type="checkbox"]:checked + label span:before{
  content: "ON";
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  height: 100%;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
  border-radius: 14px;
  background-color: #403999;
}
.switchArea  input[type="checkbox"]:checked + label span:after{
  content: "OFF";
  font-size: 15px;
  font-weight: bold;
  color: #403999;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
  width: 80px;
  left: 2px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-color: transparent;
  position: absolute;
}

/**貰ったcssだと印刷プレビューで消えるため定義**/
.print-info-settings-icon {
  background: url(../img/cp/icon-information_settings.png) no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  padding-left: 25px;
  background-size: 17px auto;
}

.text-adjustment::before {
  content: "";
  display: inline-block;
}

.file-error-icon {
  content: "";
  background: url(../img/icon_highlight.svg) no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: -2px;
  background-size:15px 17px;
  margin-top: 3px;
  flex-shrink: 0;
}
.file-error-icon + .highlight-txt {
  line-height: 1.6;
  word-break: break-all;
}

/** 細かい指定をしたくないので定義 **/
.cp-table .active .sortmark:after, .active .up-sortmark:after {
    color: #4a4223;
}

.active .sortmark:after {
    color: #4a4223;
}

.flex-box{
	display:flex;
	align-items: center;
}

::-ms-reveal {
    display: none;
}

.under-area-txt.c-txtleft {
    text-align: left;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
@media (max-width: 480px) {
	.under-area-txt.c-txtleft {
		width: 100%;
	}
}

.ui-dialog #confirm_dialog .ui-dialog-buttonpane .commonDialogButtonArea{
	padding-bottom: 20px;
}
/* 確認ポップアップのボタン間隔上書き */
.ui-dialog #confirm_dialog .ui-dialog-buttonpane .commonDialogButtonArea button{
	margin: 10px 15px 0;
}

.ui-dialog #confirm_dialog .block-popup{
	padding-bottom: 0px;
}

.popup-title-style {
	position: relative;
	padding-left: 30px;
	padding-right: 25px;
}

.popup-title-style::before {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 25px;
	height: 25px;
}

.popup-title-style-text {
	padding-right: 25px;
}

.ui-dialog #confirm_dialog .ui-widget-content{
	border: none;
	margin-top: 0px;
}
.confirm-dialog-msg-area{
	padding: 20px 10px 10px 10px;
	height: auto;
	text-align: center;
}
.confirm-dialog-msg-area .main-message{
	margin-top: 13px;
	font-size : 120%;
}

.result-list.questionRow.surveys-contents-quetison-area:first-child{
	border-bottom:0;
}
/* カレンダー選択表示のデザイン適用 */
.ui-datepicker {
  padding: 0 10px 10px 10px;
  border: none;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  width: 20em;
}
.ui-datepicker .ui-datepicker-header {
  background: #ffffff !important;
  border: none;
  padding: 5px 0;
}
.ui-datepicker .ui-datepicker-calendar {
  border: 1px solid #d9d9d9;
  margin: 0;
}
.ui-datepicker .ui-datepicker-calendar thead th {
  background: #ebebeb;
  font-weight: normal;
  font-size: 12px;
  padding: 3px 2px;
}
.ui-datepicker .ui-datepicker-calendar tbody {
  border-collapse: collapse;
}
.ui-datepicker .ui-datepicker-calendar tbody td .ui-state-default,
.ui-datepicker .ui-datepicker-calendar tbody td .ui-widget-content .ui-state-default,
.ui-datepicker .ui-datepicker-calendar tbody td .ui-widget-header .ui-state-default,
.ui-datepicker .ui-datepicker-calendar tbody td .ui-button,
.ui-datepicker .ui-datepicker-calendar tbody td html .ui-button.ui-state-disabled:hover,
.ui-datepicker .ui-datepicker-calendar tbody td html .ui-button.ui-state-disabled:active {
  border: none;
  text-align: center;
  font-size: 15px;
  padding: 5px 8px;
}
.ui-datepicker .ui-datepicker-calendar tbody td .ui-state-default:hover,
.ui-datepicker .ui-datepicker-calendar tbody td .ui-widget-content .ui-state-default:hover,
.ui-datepicker .ui-datepicker-calendar tbody td .ui-widget-header .ui-state-default:hover,
.ui-datepicker .ui-datepicker-calendar tbody td .ui-button:hover,
.ui-datepicker .ui-datepicker-calendar tbody td html .ui-button.ui-state-disabled:hover:hover,
.ui-datepicker .ui-datepicker-calendar tbody td html .ui-button.ui-state-disabled:active:hover {
  background: #f0efff;
  font-weight: normal;
}
.ui-datepicker .ui-datepicker-calendar tbody td .ui-state-active,
.ui-datepicker .ui-datepicker-calendar tbody td .ui-widget-content .ui-state-active,
.ui-datepicker .ui-datepicker-calendar tbody td .ui-widget-header .ui-state-active,
.ui-datepicker .ui-datepicker-calendar tbody td a.ui-button:active,
.ui-datepicker .ui-datepicker-calendar tbody td .ui-button:active,
.ui-datepicker .ui-datepicker-calendar tbody td .ui-button.ui-state-active:hover {
  background: #f0efff;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
  border: 1px solid #d9d9d9;
  text-align: center;
  padding: 0;
}
.ui-datepicker .ui-datepicker-title,
.ui-datepicker .ui-datepicker-year,
.ui-datepicker .ui-datepicker-month {
  color: #333333 !important;
  font-weight: normal;
}
.ui-datepicker .ui-widget-header .ui-icon {
  background-image: url(../../css/images/ui-icons_444444_256x240.png);
}
.ui-datepicker .ui-icon-circle-triangle-e {
  background-position: -32px -16px;
}
.ui-datepicker .ui-icon-circle-triangle-w {
  background-position: -96px -16px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 5px;
}
.ui-datepicker .ui-datepicker-next {
  right: 5px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 5px;
}

.border-bottom-line {
	border-bottom: 1px solid #ebebeb;
}

a.langChange {
  cursor: pointer;
}

.fileSelectButton {
  cursor: pointer;
}

.fileAdd {
  cursor: pointer;
}

.preview-contents-ja {
  cursor: pointer;
}
.preview-contents-en {
  cursor: pointer;
}

.input-area.contents-display-flex {
  background-color: #fdf7e0;
  padding: 0 5px 0 20px;
}

.mfp-bg.mfp-ready {
  position: fixed !important
}

@media (max-width : 480px) {
  .ql-disabled .ql-editor {
    overflow-y: hidden;
  }
}

.preEnrollColor {
	background-color: #E5E5E5;
}
.result-list .kari-rishu-txt,
.result-list .kari-rishu-txt span{
	/*全対応完了したら戻す*/
	/*color:  #0000ff;*/
	word-break: break-word;
}
/* ==========================================================================
   非活性部品
========================================================================== */
.disabled {
	opacity: 0.7;
	pointer-events: none;
}
.disabled input[type="radio"],
.input-radio.disabled,
.input-radio:disabled {
  margin: 0 0 2px 0;
  border-color: #B3B3B3;
  transform: scale(0.9);
}
.disabled input[type="radio"]:after,
.input-radio.disabled:after,
.input-radio:disabled:after {
  background-color: #B3B3B3;
  width: 8px;
  height: 8px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.toast{
    position: fixed;
    bottom: 10px;
    display: inline-block;
    background: #F0F0F0;
    color: #000;
    border-radius: 15px;
    padding: 8px 15px;
    border: none;
	z-index: 1 !important;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    font-size: 13px;
    text-align: center;
    height: 36px;
    width: 300px;;
}

.c-txt-bottom {
  margin: 0 30px;
  text-align: right;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  font-size: 15px;
  margin-top: -20px;
}
@media (max-width: 480px) {
  .c-txt-bottom {
    text-align: center;
    justify-content: center;
  }
}
.bw-ovf {
	word-break: normal;
	overflow-wrap: break-word;
}
.span-inline-block {
	display: inline-block;
}