@charset "UTF-8";

/*

ThemeColor
	main #0570DE;
	sub #;
	
*/
/*=================================
	common
=================================*/
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  /* --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  --bs-font-sans-serif: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Noto Color Emoji", Meiryo, sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --primary-color: #0570DE; /*#0570DE;*/
  --primary-on-color: #0459B1;/*#0459B1;*/
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	/* background: #ECEFF1; */
	background: #fff;
}
html[theme="dark"] {
  filter: invert(100%) hue-rotate(180deg);
}

html[theme="dark"] img {
  filter: invert(100%) hue-rotate(180deg);
}
body {
	position: relative;
	padding-top: 75px;
	color: #222;
	font-weight: 300;
	word-wrap: break-word;
	word-break: break-all;
	/* animation: fadeIn 1.0s ease 0s 1 normal; */
	background: #fff;
}
body.is-fixed {
  padding-top: 59px;
}
body.is-fixed #branch_title_block {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}
*:focus {
  outline: none !important;
}
a{
  outline:none;
  color: #0570DE;
  font-weight: 600;
}
a:hover{
  outline:none;
}
a:active{
  outline:none;
}
a:link{
  outline:none;
}
a:visited{
  outline:none;
}
table {
	word-break: break-all;
}
dt, dd {
	word-break: break-all;
}
img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
/* img:hover {
	opacity: 0.75;
	transition: all 0.3s ease;
} */
.clear {
	clear: both;
}
.fs-12 {
	font-size: 12px;
}
.bg-tr {
	background: transparent !important;
	box-shadow: none !important;
}
.bg-thin-50 {
	opacity: .5;
}
.col-pd {
	padding: 0 16px;
}
.err-info {
	padding: 8px;
	color: #fff;
	text-align: center;
	background: #F44336; /* default #b0bec5; */
}
.success-info {
	padding: 8px;
	color: #fff;
	text-align: center;
	background: #0ba6ab;
}
.input-password-block {
	position: relative;
}
.input-password-block i {
	position: absolute;
	top: 30px;
	right: 8px;
	padding: 6px 8px;
	color: #666;
	font-size: 18px;
	border-radius: 8px;
	background: #fff;
	transform: translateY(-50%);
	cursor: pointer;
}
.required {
	width: auto;
	padding: 8px 16px;
	/* padding-bottom: 0; */
	color: #F44336;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border-radius: 4px;
	background: #FFEBEE;
}
.required-info {
	padding: 8px;
	color: #F44336;
	text-align: center;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-mz-border-radius: 8px;
	border: 1px solid #F44336;
	background: #FFEBEE;
}
.required-label {
	margin-left: 8px;
	color: #f36c60;
	font-size: 11px;
	font-weight: normal;
}
#username_result {
	margin-top: 4px;
	height: 22px;
}
.form-header-image {
	max-width: 320px;
	margin: 0 auto;
}
.form-header-image img {
	width: 100%;
}
.form-caution {
	padding: 8px 0;
	color: #666;
	font-size: 12px;
	border-radius: 8px;
}
.form-caution-bold {
	margin: 0 2px;
	color: #263238;
	font-weight: 600;
}
.form-info {
	padding: 8px 0;
	color: #666;
	font-size: 13px;
}
.form-info .form-info-label {
	display: block;
	padding: 2px 16px;
	color: #333;
	font-size: 13px;
	border-radius: 4px;
	/* border: 1px solid #ddd; */
	background: #f8f9fa;
}
.form-info-right {
	padding: 5px;
	padding-top: 10px;
	color: #666;
	font-size: 12px;
}
.form-exists {
	padding-top: 6px;
	color: #333;
	font-weight: 600;
}
.form-signin {
  width: 100%;
  padding: 0;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#success-area {
	margin-bottom: 32px;
	padding: 16px;
	border-radius: 8px;
	border: 1px solid #aaa;
	background: #fff;
}
#success-area .header {
	padding: 16px;
	padding-top: 0;
	color: #263238;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}
#success-area .body {
	padding: 16px;
	color: #263238;
	font-size: 14px;
}
#success-area .body span {
	color: #555;
	font-size: 16px;
	font-weight: 600;
}
#success-area .footer {
	padding: 16px;
	text-align: center;
}
#error-area {
	margin-bottom: 32px;
	padding: 16px;
	border-radius: 8px;
	background: #fff;
}
#error-area .header {
	padding: 16px;
	padding-top: 0;
	color: #263238;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}
#error-area .body {
	padding: 16px;
	color: #263238;
	font-size: 14px;
}
#error-area .footer {
	padding: 16px;
	text-align: center;
}
.form-label-title {
	margin-top: 16px;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 600;
}
.form-footer-link {
	margin-top: 16px;
	text-align: center;
	border-radius: 8px;
}
	.form-footer-link a {
		color: #666;
	}
	.form-footer-link a:hover {
		color: #333;
		text-decoration: none;
	}
.recaptcha-text {
	margin-top: 32px;
	padding-top: 32px;
	color: #999;
	font-size: 12px;
	border-top: 1px solid #eee;
	background: #fff;
}
.grecaptcha-badge { visibility: hidden; }
.forgot-title {
	margin-bottom: 32px;
	text-align: center;
}
.forgot-title h1 {
	margin-bottom: 16px;
	color: #333;
	font-size: 24px;
	font-weight: normal;
}
.read-more-nav {
	padding: 16px 0;
	padding-bottom: 0;
	text-align: center;
	clear: both;
}
.read-more-nav a {
	display: block;
	width: 160px;
	margin: 0 auto;
	padding: 8px 16px;
	color: #666;
	text-align: center;
	border-radius: 8px;
	background: #fff;
}
.read-more-nav a:hover {
	color: #263238;
	text-decoration: none;
	background: #ECEFF1;
	transition: all 0.3s ease;
}
.read-more-nav a i {
	margin-left: 6px;
}
#infscr-loading {
	text-align: center;
	margin: 32px auto;
	color: #666;
}
#infscr-loading img {
	margin-bottom: 16px;
	width: 32px;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
input[type="submit"] {
	-webkit-appearance: none;
}
#submit i {
	margin-right: 8px;
}
#success_info_bar {
	position: fixed;
	top: 16px;
	left: 16px;
	right: 16px;
	max-width: 400px;
	margin: 0 auto;
	padding: 16px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	border-radius: 8px;
	border: 1px solid #37474F;
	/* background: #37474F; */
	background: rgba(38,50,56,0.9);
	z-index: 1040;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}
#error_info_bar {
	position: fixed;
	top: 16px;
	left: 16px;
	right: 16px;
	max-width: 400px;
	margin: 0 auto;
	padding: 16px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	border-radius: 8px;
	border: 1px solid #37474F;
	/* background: #37474F; */
	background: rgba(38,50,56,0.9);
	z-index: 1040;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}
#success_info_bar i,
#error_info_bar i {
	margin-right: 8px;
}
#loading {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background: rgba(255,255,255,0.75);
    z-index:9999;
    display:none;
}
	#loading .upload-wait {
		position:fixed;
		left: 50%;
		text-align: center;
		border-radius: 8px;
		background: transparent;
		animation: fadeIn all 0.3s ease;
		z-index:9999;
		top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	}
		#loading .upload-wait .wait-icon {
			color: var(--primary-color);
			text-align: center;
		}
		#loading .upload-wait .wait-message {
			margin-top: 8px;
			color: var(--primary-color);
			font-size: 18px;
			text-align: center;
		}
#main_loading {
    height:100%;
    position:fixed;
    top:0;
    left: 16.66666667%;
	text-align: center;
    background: #ECEFF1;
    z-index: 1025;
    display: block;
}
	#main_loading .upload-wait {
		position:fixed;
		left: 58.3333333%;
		text-align: center;
		border-radius: 8px;
		background: transparent;
		animation: fadeIn all 0.3s ease;
		z-index:9999;
		top: 30%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	}
		#main_loading .upload-wait .wait-icon {
			color: var(--primary-color);
			text-align: center;
		}
		#main_loading .upload-wait .wait-message {
			margin-top: 8px;
			color: var(--primary-color);
			font-size: 18px;
			text-align: center;
		}
/* .slider {
  margin-bottom: 32px;
  padding: 0;
} */
.slick-slide {
	margin-right: 4px !important;
	margin-left: 4px !important;
}
.slick-slide img {
	width: 100%;
	/* border: 1px solid #aaa; */
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
.slick-dots li button:before {
	font-size: 16px !important;
}
#form_select {
  position: relative;
  /*Don't really need this just for demo styling*/
  
  /* float: left; */
  width: 100%;
  margin: 16px auto;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

#form_select:after {
  content: '<>';
  font: 17px "Consolas", monospace;
  color: #666;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/
  
  top: 18px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}

#form_select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  height: 50px;
  float: right;
  margin: 5px 0px;
  padding: 0px 24px;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}
.form-select-info {
	margin: 8px 0;
	padding-left: 24px;
	color: #666;
	font-size: 12px;
}
.textarea-text-count {
	margin-top: 4px;
	color: #666; /* defaultCss #999; */
	font-size: 13px;
	font-weight: normal;
	text-align: right;
}
	.textarea-text-count .count-text {
		margin-right: 4px;
	}
	.textarea-text-count .max-text {
		margin-left: 4px;
	}
.modal-contents-title {
	margin: 16px 0;
	font-size: 16px;
	font-weight: 600;
}
.not-found {
	margin: 0;
	padding: 0;
}
.style-switch-input-lg {
	width: 2.7em !important;
    height: 1.2rem !important;
}
.style-switch-label-lg {
	margin-top: 2px;
	margin-left: 16px;
}
.offcanvas-header span.logo img {
	height: 34px;
}
.info-text-block {
	color: #666;
	font-size: 12px;
}
.err-upload-image {
	color: #F44336;
	text-align: center;
}
.custom-tooltip {
  /* --bs-tooltip-bg: var(--bs-primary); */
  font-size: 11px;
}
/* カーソルを重ねる要素 */
.lo-tooltip {
  position: relative; /* ツールチップの位置の基準に */
  cursor: pointer; /* カーソルを当てたときにポインターに */
}

/* ツールチップのテキスト */
.lo-tooltip-text {
  opacity: 0; /* はじめは隠しておく */
  visibility: hidden; /* はじめは隠しておく */
  position: absolute; /* 絶対配置 */
  left: 50%; /* 親に対して中央配置 */
  transform: translateX(-50%); /* 親に対して中央配置 */
  bottom: -24px; /* 親要素下からの位置 */
  display: inline-block;
  padding: 4px 8px; /* 余白 */
  padding-bottom: 6px;
  white-space: nowrap; /* テキストを折り返さない */
  font-size: 11px; /* フォントサイズ */
  line-height: 1.3; /* 行間 */
  background: rgba(38,50,56,0.9); /* 背景色 */
  color: #fff; /* 文字色 */
  border-radius: 5px; /* 角丸 */
  transition: 0.3s ease-in; /* アニメーション */
}

/* ホバー時にツールチップの非表示を解除 */
.lo-tooltip:hover .lo-tooltip-text {
  opacity: 1;
  visibility: visible;
}
.news-stripe-block {
	margin-bottom: 32px;
	padding: 32px;
	border-radius: 8px;
	border: 1px solid #B71C1C;
	background: #FFEBEE;
}
.news-stripe-block .news-stripe-title {
	margin-bottom: 16px;
	color: #B71C1C;
	font-size: 20px;
	font-weight: 600;
}
.news-stripe-block .news-stripe-info {
	padding-right: 32px;
}
/*=================================
	#modal
=================================*/
#need_login .modal-body ul {
	margin: 0;
	margin: 16px 0;
	padding: 0;
	padding-left: 32px;
	list-style: square;
}
#need_login .modal-body ul > li {
	margin-bottom: 8px;
}
#need_login .modal-body .need-header {
	margin-bottom: 16px;
}
#need_login .modal-body .need-block {
	padding: 16px;
	background: #f8f9fa;
}
#need_login .modal-body .need-title {
	margin: 8px 0;
	font-size: 18px;
	font-weight: 600;
}
#need_login .modal-body .need-contents {
	margin: 8px 0;
}
/*=================================
	#keyframe
=================================*/
.slideUp {
    animation-name: slideUp;
    animation-duration: 1s;
    animation-timing-function: ease;
}

.fadein {
	animation: fadeIn 0.2s ease 0s 1 normal;
}
.fadeinSlow {
	animation: fadeInSlow 2s ease 0s 1 normal;
}

.fadeout {
	animation: fadeOut 1s ease 0s 1 normal;
}
@keyframes slideUp {
    0% {
        transform: translateY(16px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes fadeIn {
	0% {opacity: 0.5}
	100% {opacity: 1}
}

@keyframes fadeInSlow {
	0% {opacity: 0}
	100% {opacity: 1}
}

@keyframes fadeOut {
	0% {opacity: 1}
	100% {opacity: 0}
}
.bound {
  animation: bound 3s infinite;
}
 
@keyframes bound {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-8px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-4px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}
.swing {
    animation: swing 3s .45s;
}

@keyframes swing {
    0%,100% { 
        -webkit-transform-origin: bottom center; 
    }
    10% { -webkit-transform: rotate(-15deg); }  
    20% { -webkit-transform: rotate(10deg); }
    30% { -webkit-transform: rotate(-5deg); }   
    40% { -webkit-transform: rotate(5deg); }    
    50% { -webkit-transform: rotate(-3deg); }

    60% { -webkit-transform: rotate(2deg); }
    70% { -webkit-transform: rotate(-2deg); }
    80% { -webkit-transform: rotate(1deg); }
    90% { -webkit-transform: rotate(-1deg); }
    100% { -webkit-transform: rotate(0deg); }
}

.swing-reverse {
    animation: swing-reverse 3s .45s;
}

@keyframes swing-reverse {
    0%,100% { 
        -webkit-transform-origin: top center; 
    }
    10% { -webkit-transform: rotate(-15deg); }  
    20% { -webkit-transform: rotate(10deg); }
    30% { -webkit-transform: rotate(-5deg); }   
    40% { -webkit-transform: rotate(5deg); }    
    50% { -webkit-transform: rotate(-3deg); }

    60% { -webkit-transform: rotate(2deg); }
    70% { -webkit-transform: rotate(-2deg); }
    80% { -webkit-transform: rotate(1deg); }
    90% { -webkit-transform: rotate(-1deg); }
    100% { -webkit-transform: rotate(0deg); }
}

.zoomIn {
  animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes zoomIn {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.rotateY {
	animation: rotateY 1.5s ease 0s 1 normal;
}

/* Y軸回転アニメーション */
@keyframes rotateY {
  0% {
    transform: rotateY(235deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
/*=================================
	#animation
=================================*/
.animate-on-scroll {
  opacity: 0;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.slide-up {
  transform: translateY(30px);
}

.slide-up.in-view {
  opacity: 1;
  transform: translateY(0);
}

.fade-in-scale {
  transform: scale(0.95);
}

.fade-in-scale.in-view {
  opacity: 1;
  transform: scale(1);
}

.slide-down {
  transform: translateY(-30px);
}

.slide-down.in-view {
  opacity: 1;
  transform: translateY(0);
}

.horizontal-item {
  opacity: 0; /* 最初は透明 */
  transform: translateX(-50px); /* 少し左にずらしておく */
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* 個別の遅延時間を設定 */
.item1.in-view {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.2s; /* 最初の要素は少し遅らせる */
}

.item2.in-view {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.4s; /* 2番目の要素はさらに遅らせる */
}

.item3.in-view {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.6s; /* 3番目の要素はさらに遅らせる */
}

.item4.in-view {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.8s; /* 4番目の要素は最も遅らせる */
}
/*=================================
	#first
=================================*/
.form-header-logo {
	padding: 64px 0;
	text-align: center;
	/*border-bottom: 1px solid #ccc;*/
}
	.form-header-logo .logo {
		margin: 0 auto;
		width: 200px;
	}
.form-header-title > h1 {
    margin: 16px 0;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}
.form-header-info {
    margin: 16px 0;
	padding: 0 16px;
    text-align: center;
}
.first-form-header {
	margin-bottom: 32px;
	font-size: 40px;
	font-weight: 900;
	background-image: linear-gradient(35deg,#0570DE 20%,#0459B1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition-delay: .15s;
}
.first-form-image {
	margin: 0 auto;
}
.first-form-movie iframe {
	border-radius: 8px;
	border: 3px solid #fff;
}
.first-form-wrap {
	margin: 8px;
	padding: 32px;
	border-radius: 8px;
	/* border: 1px solid #aaa; */
	background: #fff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	/* box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2); */
}
.first-form-title {
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}
div::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
div::-webkit-scrollbar-track {
   background: transparent;
}
div::-webkit-scrollbar-thumb {
  background: #B2DFDB;
  border-radius: 8px;
}
.form-check-block {
	padding: 16px;
	border-radius: 4px;
	border: 1px solid #ddd;
	background: #f8f9fa;
}
.timeline-003 {
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0;
	margin: 0;
}

.timeline-003 li {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    color: #969da3;
    font-size: .8em;
}

.timeline-003 li.prev,
.timeline-003 li.current {
    color: #0570DE;
}

.timeline-003 li::before {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-bottom: 6px;
    content: '';
    border: 2px solid #ddd;
    border-radius: 50%;
    background-color: #fff;
}

.timeline-003 li.prev::before,
.timeline-003 li.current::before {
    border-color: #0570DE;
}

.timeline-003 li:not(:last-child)::after {
    position: absolute;
    top: 6px;
    left: 50%;
    z-index: -1;
    width: 100%;
    height: 2px;
    background-color: #ddd;
    content: '';
}

.timeline-003 li.current::before,
.timeline-003 li.prev::after {
    background-color: #0570DE;
}
.timeline-block {
	margin: 0 auto;
	margin-bottom: 32px;
	/* max-width: 576px; */
	padding: 32px 16px;
	border-radius: 8px;
	/* border: 1px solid #ddd; */
	background: #f8f9fa;
}
/*=================================
	#index
=================================*/
.index-block {
	display: flex;
  	min-height: 100vh;
}
	.index-block .index-start-block {
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.index-block .index-start-block {
		
	}
		.index-block .index-start {
			
		}
		.index-block .index-start-chatch {
			margin-bottom: 32px;
			color: #555;
			font-size: 48px;
			font-weight: 600;
			text-align: center;
		}
		.index-block .index-start-summary {
			margin-top: 16px;
			padding: 16px;
			color: #777;
			font-size: 12px;
			border-radius: 8px;
			/* background: #F1F8E9; */
		}
		.index-start-block .index-start-logo {
			text-align: center;
		}
			.index-start-block .index-start-logo img {
				height: 60px;
			}
		.index-block .index-start-label {
			color: #0570DE;
			font-size: 12px;
			text-align: center;
			border-radius: 32px;
			/* border: 1px solid #0570DE; */
		}
	.index-block .index-end-block {
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
	}
			.index-block .index-end .index-end-first {
				padding: 16px;
				text-align: center;
				border-radius: 8px;
				/* border: 1px solid #ddd; */
				background: #fff;
				box-shadow: 0 1px 6px 0 rgba(0,0,0,0.15);
			}
			.index-block .index-end .index-end-first .index-end-summary {
				text-align: center;
				margin: 32px 0;
				margin-top: 24px;
				color: #0570DE;
				font-size: 24px;
				font-weight: 900;
				line-height: 1.3;
			}
				#s1,
				#s2 {
					display:inline-block;
					overflow:hidden;
					white-space:nowrap;
					width:100%;
					animation-fill-mode:forwards;
				}
				#s1 {
					animation:s1 5s;
				}
				@keyframes s1 {
					from { width:0; }
					33% { width: 100%; }
					to { width:100%; }
				}
				#s2 {
					animation:s2 5s;
				}
				@keyframes s2 {
					0% { width:0em; }
					33% { width: 0%; }
					66% { width: 100%; }
					to { width:100%; }
				}
			.index-block .index-end .index-end-first .index-end-link-btn {
				padding-top: 16px;
				border-top: 1px solid #eee;
			}
		.index-block .index-end-lo {
			margin-bottom: 16px;
			border-radius: 8px;
			background: #fff;
			box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
		}
#index_nav {
	position: sticky;
	top: 0;
	height: 75px;
	/* background: rgba(255,255,255,0.9); */
	background: #fff;
	z-index: 1030;
}
#index_nav .navbar-brand {
	padding: 12px 0;
}
#index_nav .navbar-brand img {
	height: 42px;
}
#index_nav ul.navbar-nav {
	margin-left: 32px;
}
	#index_nav ul.navbar-nav > li {
		padding: 0 16px;
	}
	#index_nav ul.navbar-nav > li a {
		font-weight: 600;
	}
.index-top {
	position: relative;
	padding-top: 16px;
	/* background: #ECEFF1; */
}
	.index-top .index-top-center-block {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	.index-top .index-top-center-block .circle-block {
		position: relative;
		width: 140px;
		height: 140px;
		text-align: center;
		/* font-size: 18px;
		border-radius: 24px;
		border: 6px solid #f8f9fa;
		background: #fff; */
	}
	.index-top .index-top-center-block .circle-block .circle-contents {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		color: #0570DE;
		font-weight: 600;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	.index-top .index-top-center-block .circle-block .circle-contents img {
		width: 80px;
	}
	.index-top .index-top-center-block .circle-block .circle-contents-client {
		position: absolute;
		top: -24px;
		left: -46px;
		padding: 8px 16px;
		color: #0570DE;
		font-weight: 600;
		border-radius: 32px;
		/* border: 6px solid #0570DE; */
		background: #fff;
		box-shadow: 0 3px 12px rgba(0,0,0,0.15);
	}
	.index-top .index-top-center-block .circle-block .circle-contents-media {
		position: absolute;
		bottom: -24px;
		right: -60px;
		padding: 8px 16px;
		color: #0570DE;
		font-weight: 600;
		border-radius: 32px;
		/* border: 6px solid #0570DE; */
		background: #fff;
		box-shadow: 0 3px 12px rgba(0,0,0,0.15);
	}
	.index-top .index-top-block {
		/* margin: 4px; */
		padding: 32px;
		text-align: center;
	}
	.index-top .client-block {
		/* border: 3px solid #0570DE; */
		border-radius: 12px 0 0 12px;
		background: #38bcfc;
	}
	.index-top .media-block {
		/* border: 3px solid #ffc107; */
		border-radius: 0 12px 12px 0;
		background: #ffd454;
	}
	.index-top .client-block .label,
	.index-top .media-block .label {
		margin-bottom: 16px;
	}
	.index-top .client-block .label span,
	.index-top .media-block .label span {
		padding: 8px 16px;
		color: #0570DE;
		font-weight: 600;
		border-radius: 32px;
		/* border: 6px solid #0570DE; */
		background: #fff;
		/* box-shadow: 0 3px 12px rgba(0,0,0,0.15); */
	}
	.index-top .client-block .header {
		margin-bottom: 16px;
		color: #fff;
		font-size: 40px;
		/* font-weight: 600; */
	}
	.index-top .media-block .header {
		margin-bottom: 16px;
		color: #fff;
		font-size: 40px;
		/* font-weight: 600; */
	}
	.index-top .client-block .footer-info,
	.index-top .media-block .footer-info {
		margin-bottom: 16px;
		padding: 0 16px;
		color: #777;
		text-align: left;
	}
#index_block .index-top {
	position: relative;
	margin-bottom: 32px;
	padding: 0;
	border-radius: 8px;
	/* background: #f8f9fa; */
}
	#index_block .index-top .index-top-center-block {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	#index_block .index-top .index-top-center-block .circle-block {
		position: relative;
		width: 80px;
		height: 80px;
		text-align: center;
		/* font-size: 18px;
		border-radius: 24px;
		border: 6px solid #f8f9fa;
		background: #fff; */
	}
	#index_block .index-top .index-top-center-block .circle-block .circle-contents {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		color: #0570DE;
		font-weight: 600;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	#index_block .index-top .index-top-center-block .circle-block .circle-contents img {
		width: 40px;
	}
	#index_block .index-top .index-top-center-block .circle-block .circle-contents-client {
		position: absolute;
		top: -24px;
		left: -46px;
		padding: 8px 16px;
		color: #0570DE;
		font-weight: 600;
		border-radius: 32px;
		/* border: 6px solid #0570DE; */
		background: #fff;
		box-shadow: 0 3px 12px rgba(0,0,0,0.15);
	}
	#index_block .index-top .index-top-center-block .circle-block .circle-contents-media {
		position: absolute;
		bottom: -24px;
		right: -60px;
		padding: 8px 16px;
		color: #0570DE;
		font-weight: 600;
		border-radius: 32px;
		/* border: 6px solid #0570DE; */
		background: #fff;
		box-shadow: 0 3px 12px rgba(0,0,0,0.15);
	}
	#index_block .index-top .index-top-block {
		/* margin: 4px; */
		padding: 32px;
		text-align: center;
	}
	#index_block .index-top .client-block {
		/* border: 3px solid #0570DE; */
		margin-right: 4px;
		border-radius: 8px;
		/* border: 1px solid #ddd; */
		background: #f8f9fa;
	}
	#index_block .index-top .media-block {
		/* border: 3px solid #ffc107; */
		margin-left: 4px;
		border-radius: 8px;
		/* border: 1px solid #ddd; */
		background: #f8f9fa;
	}
	#index_block .index-top .client-block .label,
	#index_block .index-top .media-block .label {
		margin-bottom: 16px;
	}
	#index_block .index-top .client-block .label span,
	#index_block .index-top .media-block .label span {
		padding: 4px 12px;
		color: #333;
		font-size: 12px;
		font-weight: normal;
		border-radius: 32px;
		/* border: 6px solid #0570DE; */
		background: #fff;
		/* box-shadow: 0 3px 12px rgba(0,0,0,0.15); */
	}
	#index_block .index-top .client-block .header {
		margin-bottom: 16px;
		color: #333;
		font-size: 20px;
		/* font-weight: 600; */
	}
	#index_block .index-top .client-block .body {
		margin-bottom: 16px;
	}
	#index_block .index-top .client-block .body img {
		max-height: 120px;
	}
	#index_block .index-top .media-block .header {
		margin-bottom: 16px;
		color: #333;
		font-size: 20px;
		/* font-weight: 600; */
	}
	#index_block .index-top .media-block .body {
		margin-bottom: 16px;
	}
	#index_block .index-top .media-block .body img {
		max-height: 120px;
	}
.index-header {
	padding: 128px 0;
	background: #fff;
}
	.index-header .index-global-block {
		padding-right: 32px;
	}
	.index-header .index-global-block h1 {
		font-size: initial;
	}
	.index-header .index-global-block h1.index-global-title {
		margin: 0;
		margin-bottom: 32px;
		padding: 0;
		line-height: 1.3;
	}
	.index-header .index-global-block h1.index-global-title span.index-global-title-header {
		display: block;
		margin-bottom: 32px;
		padding: 16px;
		color: #333;
		font-size: 24px;
		font-weight: lighter;
		text-align: center;
		border-radius: 12px;
		/* background: #f8f9fa; */
		background-color: #f8f9fa;
		background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23cccccc' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
	}
	.index-header .index-global-block h1.index-global-title span.index-global-title-gradient {
		display: block;
		/* margin-top: 16px; */
		font-size: 48px;
		font-weight: 900;
		background-image: linear-gradient(35deg,#368CE4 20%,#0459B1);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		transition-delay: .15s;
	}
	.index-header .index-global-block h1.index-global-title span.index-global-title-footer {
		display: block;
		color: #333;
		font-size: 48px;
		font-weight: 900;
	}
	.index-header .index-global-block .index-global-desc {
		margin: 16px 0;
		color: #666;
		font-size: 18px;
	}
	.index-header .index-global-block .index-global-btn {
		padding: 64px 0;
		padding-top: 32px;
		text-align: center;
	}
	.index-header .index-global-image {
		text-align: center;
	}
#page_operator.index-header {
	padding: 128px 0;
	text-align: center;
}
	#page_operator.index-header .index-global-block {
		padding-right: 32px;
	}
	#page_operator.index-header .index-global-block h1 {
		font-size: initial;
	}
	#page_operator.index-header .index-global-block h1.index-global-title {
		margin: 0;
		margin-bottom: 32px;
		padding: 0;
		line-height: 1.3;
	}
	#page_operator.index-header .index-global-block h1.index-global-title span.index-global-title-header {
		display: block;
		margin-bottom: 32px;
		padding: 16px;
		color: #fff;
		font-size: 24px;
		font-weight: lighter;
		text-align: center;
		border-radius: 12px;
		/* background: #f8f9fa; */
		background-color: #0570DE;
		background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23368CE4' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
	}
	#page_operator.index-header .index-global-block h1.index-global-title span.index-global-title-gradient {
		display: block;
		/* margin-top: 16px; */
		color: #fff;
		font-size: 48px;
		font-weight: 900;
		background-image: none;
		-webkit-background-clip: initial;
		-webkit-text-fill-color: initial;
	}
	#page_operator.index-header .index-global-block h1.index-global-title span.index-global-title-footer {
		display: block;
		color: #fff;
		font-size: 48px;
		font-weight: 900;
	}
	#page_operator.index-header .index-global-block .index-global-desc {
		margin: 16px 0;
		color: #f5f5f5;
		font-size: 18px;
	}
	#page_operator.index-header .index-global-block .index-global-btn {
		padding: 64px 0;
		padding-top: 32px;
		text-align: center;
	}
	#page_operator.index-header .index-global-image {
		text-align: center;
	}
.index-contents {
	padding: 64px 0;
}
	.index-contents .index-contents-subtitle {
		margin-bottom: 8px;
		color: #999;
		font-size: 18px;
		font-weight: 600;
		text-align: center;
	}
	.index-contents .index-contents-title {
		margin-bottom: 48px;
		color: #333;
		font-size: 40px;
		font-weight: 600;
		text-align: center;
		/* background: -webkit-linear-gradient(0deg, #ff0000, #86FDE8);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent; */
	}
	.index-contents .index-contents-title span {
		background: -webkit-linear-gradient(315deg, #FFD54F, #FF8F00);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.index-contents .index-contents-title-info {
		margin-bottom: 32px;
		padding: 0 16px;
		color: #555;
		font-size: 16px;
		text-align: center;
	}
	.index-contents .index-contents-title-second {
		margin: 32px;
		color: #0459B1;
		font-size: 24px;
		/* font-weight: 600; */
		text-align: center;
	}
	.index-contents .index-contents-title-side {
		margin: 32px;
	}
		.index-contents .index-contents-title-side .header {
			margin-bottom: 16px;
			color: #0459B1;
			font-size: 18px;
			/* font-weight: 600; */
		}
		.index-contents .index-contents-title-side h2 {
			margin: 0;
			padding: 0;
			color: #555;
			font-size: 24px;
			font-weight: 600;
			line-height: 1.3;
		}
		.index-contents .index-contents-title-side .summary {
			margin-top: 16px;
			color: #666;
			font-size: 16px;
		}
		.index-contents .index-contents-title-side .summary .info-mark {
			font-style: italic;
			text-decoration: underline;
		}
		.index-contents .index-contents-title-side .summary-info {
			margin-top: 16px;
			margin-left: 16px;
			padding: 8px;
			color: #0570DE;
			font-size: 12px;
			border-left: 3px solid #0570DE;
			background: #e2f5fd;
		}
			.index-contents .index-contents-title-side .summary-info .header {
				margin-bottom: 4px;
				font-size: 13px !important;
			}
			.index-contents .index-contents-title-side .summary-info .body {
				margin-bottom: 4px;
			}
	.index-contents .summary-text {
		padding: 0 16px;
		color: #fff;
		font-size: 16px;
		text-align: center;
		text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	}
	.index-contents .index-contents-title-function {
		margin: 8px 0;
		padding: 8px;
		font-size: 18px;
		text-align: center;
	}
	.index-contents .index-contents-title-function i {
		color: #8BC34A;
		font-size: 24px;
	}
	.index-contents .index-contents-tab {
		margin-top: 32px;
		padding: 0 8px;
	}
	.index-contents .index-contents-tab .nav-pills .nav-link {
		padding: 16px;
		color: #666;
		font-size: 16px;
	}
	.index-contents .index-contents-tab .nav-pills .nav-link:hover {
		color: #333;
		font-weight: 600;
		background: transparent;
	}
	.index-contents .index-contents-tab .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
		color: #ffc107;
		font-weight: 600;
		border-radius: 4px 4px 0 0;
		border-bottom: 1px solid #ffc107;
		background: transparent;
	}
	.index-contents .index-contents-tab .nav-pills .nav-link.nav-client.active, .nav-pills .show > .nav-link.nav-client {
		color: #0570DE;
		font-weight: 600;
		border-radius: 4px 4px 0 0;
		border-bottom: 1px solid #0570DE;
		background: transparent;
	}
	.index-contents .tab-content {
		margin: 0 8px;
		padding: 16px;
		border-radius: 0 0 12px 12px;
		background: #fff;
	}
.index-client-bg {
	background: #0570DE url('/../img/top/index_client_info_v3.png') center center no-repeat;
	background-size: cover;
}
.index-media-bg {
	background: #0570DE url('/../img/top/index_media_info_v1.png') center center no-repeat;
	background-size: cover;
}
.index-feature-bg {
	background: #0570DE url('/../img/top/index_feature_image.png') center center no-repeat;
	background-size: cover;
}
.index-summary {
	padding: 0 8px;
}
	.index-summary .summary-text {
		max-width: 860px;
		margin: 0 auto;
		padding: 0 16px;
		color: #666;
		font-size: 18px;
		text-align: center;
		text-shadow: none;
	}
	.index-summary .link-btn {
		margin-top: 16px;
	}
.index-info {
	padding: 8px;
}
	.index-info .info-contents {
		padding: 16px;
		background: #fff;
		box-shadow: 0 0px 12px 0 rgba(0,0,0,0.15);
	}
	.index-info .info-contents-arrow {
		margin: 8px 0;
		color: #0570DE;
		font-size: 18px;
		text-align: center;
	}
	.index-info .info-contents-start {
		padding: 16px;
		color: #0570DE;
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		border-radius: 32px;
		background: #E1F5FE;
	}
	.index-info .info-contents .info-title {
		margin-bottom: 16px;
		font-size: 18px;
		font-weight: 600;
	}
	.index-info .info-contents .info-title i {
		padding: 2px 8px;
		color: #333;
		font-size: 18px;
		border-radius: 8px;
		background: #E1F5FE;
	}
	.index-info .info-contents .info-desc {
		color: #666;
		font-size: 18px;
	}
		.index-info .info-contents .info-desc .info-feature {
			margin-top: 16px;
			padding: 8px;
			/* color: #F57F17; */
			font-size: 14px;
			border-radius: 4px;
			background: #f8f9fa;
		}
		.index-info .info-contents .info-desc .info-feature i {
			color: #F57F17;
		}
		.index-info .info-contents .info-desc .info-feature a {
			text-decoration: underline;
		}
		.index-info .info-contents .info-desc .info-feature a:hover {
			text-decoration: none;
		}
	.index-info .info-image {
		margin: 0 auto;
		margin-bottom: 16px;
		max-width: 400px;
	}
.index-lo-info {
	display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: 16px;
}
	.index-lo-info .card {
		border: none;
		box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
	}
	.index-lo-info .card-header {
		color: #666;
		font-weight: 600;
		text-align: center;
		background: #f8f9fa;
	}
	.index-lo-info .info-card-icon {
		margin-bottom: 16px;
		color: #0570DE;
		font-size: 64px;
		text-align: center;
	}
	.index-lo-info .card-title {
		margin-bottom: 16px;
		font-size: 18px;
		font-weight: 600;
		line-height: 1.5;
	}
.index-how {
	padding: 0 16px;
	border-radius: 12px;
}
	.index-how .how-list-block {
		padding: 16px;
	}
	.index-how .how-list-block .how-list-header {
		margin-bottom: 32px;
	}
	.index-how .how-list-block .how-list-header .how-list-icon {
		width: 50px;
		height: 50px;
		margin: 0 auto;
		margin-bottom: 16px;
		text-align: center;
		line-height: 50px;
		border-radius: 50%;
		background: #8BC34A;
	}
	.index-how .how-list-block .how-list-header .how-list-icon i {
		color: #fff;
		font-size: 24px;
	}
	.index-how .how-list-block .how-list-header .how-list-title {
		color: #555;
		font-size: 24px;
		font-weight: 600;
		text-align: center;
	}
	.index-how .how-list-block .how-list-body .how-list-image {
		max-width: 260px;
		margin: 0 auto;
		padding: 16px;
		border-radius: 8px;
		border: 1px solid #ddd;
		background: #fff;
	}
	.index-how .how-list-block .how-list-body .how-list-image img {
		width: 100%;
		border-radius: 8px;
	}
.index-res {
	padding: 0 16px;
	border-radius: 12px;
}
	.index-res .res-list-block {
		padding: 16px;
	}
	.index-res .res-list-block .res-list-header {
		margin-bottom: 32px;
	}
	.index-res .res-list-block .res-list-header .res-list-icon {
		width: 50px;
		height: 50px;
		margin: 0 auto;
		margin-bottom: 16px;
		text-align: center;
		line-height: 50px;
		border-radius: 50%;
		background: #8BC34A;
	}
	.index-res .res-list-block .res-list-header .res-list-icon i {
		color: #fff;
		font-size: 24px;
	}
	.index-res .res-list-block .res-list-header .res-list-title {
		color: #555;
		font-size: 24px;
		font-weight: 600;
		text-align: center;
	}
	.index-res .res-list-block .res-list-header .res-list-text {
		color: #555;
		font-size: 14px;
		text-align: center;
	}
	.index-res .res-list-block .res-list-body .res-list-image {
		margin: 0 auto;
		padding: 16px;
		border-radius: 8px;
		border: 1px solid #ddd;
		background: #fff;
	}
	.index-res .res-list-block .res-list-body .res-list-image img {
		width: 100%;
		border-radius: 8px;
	}
.index-type {
	position: relative;
	margin: 0 auto;
}
	.index-type .swiper-button-next:after,
	.index-type .swiper-button-prev:after {
		color: #777;
		font-size: 24px;
	}
	.index-type .swiper-index {
		position: relative;
		max-width: 480px;
		margin: 0 auto;
		border: 1px solid #ddd;
		border-radius: 12px;
		background: #eee;
		overflow-x: hidden;
	}
	.index-type .swiper-wrapper {
		transition-timing-function: linear;
	}
	.index-type .type-list .type-title {
		margin-top: 8px;
		margin-bottom: -8px;
		color: #555;
		font-weight: normal;
		text-align: center;
	}
	.index-type .type-list .type-image {
		min-height: 190px;
	}
	.index-type .type-unit {
		padding: 8px;
		color: #777;
		font-size: 12px;
		text-align: center;
		border-radius: 0 0 12px 12px;
		border-top: 1px solid #ddd;
		background: #fff;
	}
	.index-type .index-type-info-block {
		margin: 16px auto;
		max-width: 300px;
		text-align: center;
	}
	.index-type .index-type-info-block .index-type-info {
		margin: 0 16px;
		padding: 8px 16px;
		color: #fff;
		font-weight: 600;
		border-radius: 32px;
		/* border: 1px solid #E1F5FE; */
		background: #333;
	}
	.index-type .index-type-info-block .index-type-info i {
		color: #8BC34A;
	}
.index-user {
	padding: 8px;
	border-radius: 12px;
	border: 1px solid #ddd;
	background: #fff;
}
	 .index-user .user-list {
	 	margin: 8px;
		border-radius: 16px;
		background: #fff;
		box-shadow: 0 3px 12px rgba(0,0,0,0.3);
	 }
	 	.index-user .user-name {
			padding: 16px;
			font-size: 18px;
			text-align: center;
			border-radius: 16px 16px 0 0; 
		}
		.index-user .user-contents {
			padding: 8px;
		}
		.index-user .function-list {
			margin: 8px;
			padding: 8px;
			text-align: center;
			/* border-radius: 4px;
			background: #fff;
			box-shadow: 0 0px 12px 0 rgb(0,0,0,0.15); */
		}
		.index-user .function-list .function-icon {
			font-size: 32px;
		}
		.index-user .function-list .function-title {
			font-weight: normal;
		}
.index-function {
	margin: 0;
	margin-top: 16px;
	border-radius: 16px;
}
	.index-function .function-text {
		color: #333;
		font-size: 16px;
	}
	.index-function .function-list {
		margin: 16px;
	}
	.index-function .function-list .card {
		padding: 16px;
		border-radius: 12px;
		border: 1px solid #ddd;
		/* border: none; */
		/* box-shadow: 0 0px 12px 0 rgba(0,0,0,0.15); */
	}
	.index-function .function-list .card img {
		border-radius: 12px;
	}
.index-step {
	padding: 0 8px;
}
	.index-step .step-list {
		position: relative;
		margin: 16px;
		padding: 16px;
		text-align: center;
		border-radius: 8px;
		/* border: 1px solid #0459B1; */
		border: 1px solid #ddd;
		background: #fff;
		/* box-shadow: 0 0px 12px 0 rgba(2,119,189,0.15); */
		box-shadow: 0 0px 6px 0 rgb(0,0,0,0.15);
	}
	.index-step .step-list .step-num {
		position: absolute;
		top: -8px;
		left: -8px;
		margin-right: 8px;
		padding: 8px 16px;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		border-radius: 2px;
		background: #0459B1;
	}
	.index-step .step-list .step-status {
		width: 100%;
	}
		.index-step .step-list .step-icon {
			margin-bottom: 16px;
			font-size: 32px;
		}
		.index-step .step-list .step-desc-title {
			margin-bottom: 16px;
			font-size: 18px;
			/* font-weight: 600; */
		}
	.index-step .step-list .step-desc {
		color: #666;
		font-size: 16px;
	}
	.index-step-footer {
		max-width: 300px;
		margin: 16px auto;
		margin-bottom: 32px;
		text-align: center;
	}
		.index-step-footer .step-arrow {
			margin: 8px 0;
			color: #999;
			font-size: 24px;
		}
		.index-step-footer .step-media {
			padding: 8px 16px;
			color: #FF6F00;
			/* font-weight: 600; */
			border-radius: 32px;
			background: #FFF8E1;
		}
		.index-step-footer .step-client {
			padding: 16px;
			color: #0570DE;
			font-weight: 600;
			border-radius: 32px;
			/* border: 1px solid #0570DE; */
			background: #e2f5fd;
		}
		.index-step-footer .step-client-payment {
			padding: 16px;
			color: #333;
			/* font-weight: 600; */
			border-radius: 8px;
			background: #eee;
		}
.index-usertype {
	margin: 0 32px;
}
	.index-usertype .usertype-summary {
		color: #666;
		font-size: 16px;
	}
	.index-usertype .usertype-block {
		margin-top: 32px;
	}
	.index-usertype .usertype-block .usertype-icon {
		width: 80px;
		margin: 0 auto;
		text-align: center;
	}
	.index-usertype .usertype-block .usertype-icon img {
		width: 100%;
		border-radius: 50%;
		border: 6px solid #fff;
	}
	.index-usertype .usertype-block .usertype-contents {
		margin-top: -40px;
		padding: 0px;
		border-radius: 16px;
		background: #fff;
		box-shadow: 0 3px 12px rgba(0,0,0,0.15);
	}
	.index-usertype .usertype-block .usertype-contents .usertype-switch {
		padding: 16px;
		display: table;
		width: 100%;
	}
	.index-usertype .usertype-block .usertype-contents .usertype-switch .switch-block {
		display: table-cell;
		width: 33.333333333%;
		text-align: center;
		vertical-align: middle;
	}
	.index-usertype .usertype-block .usertype-contents .usertype-switch .switch-block .icon-media {
		color: #0570DE;
		font-size: 48px;
	}
	.index-usertype .usertype-block .usertype-contents .usertype-switch .switch-block .icon-center {
		margin-top: 32px;
		color: #333;
		font-size: 20px;
	}
	.index-usertype .usertype-block .usertype-contents .usertype-switch .switch-block .icon-client {
		color: #ffc107;
		font-size: 48px;
	}
	.index-usertype .usertype-block .usertype-contents .usertype-switch .switch-block .type {
		color: #333;
		/* font-weight: 600; */
	}
	.index-usertype .usertype-block .usertype-contents .usertype-switch .switch-block .type-center {
		margin-top: 8px;
		padding: 4px 8px;
		color: #1B5E20;
		font-weight: 600;
		border-radius: 32px;
		background: #E8F5E9;
	}
.index-price {
	padding: 0;
	border-radius: 8px;
	border: 1px solid #ddd;
	background: #fff;
}
	.index-price .price-block {
		margin: 16px;
		padding: 16px;
		border-radius: 8px;
		/* border: 1px solid #ddd; */
		background: #fff;
	}
	.index-price .price-block table {
		margin: 0;
	}
	.index-price .price-block table > tbody > tr > th {
		margin: 0;
		color: #777;
		text-align: left;
		vertical-align: middle;
	}
	.index-price .price-block table > tbody > tr > td {
		font-size: 14px;
		text-align: center;
		vertical-align: middle;
	}
	.index-price .price-block table > tbody > tr > td .num {
		margin-right: 6px;
		color: #D50000;
		font-size: 24px;
		font-weight: 600;
	}
	.index-price .price-block table > tbody > tr > td .num-default {
		margin-right: 6px;
		color: #333;
		font-size: 18px;
		/* font-weight: 600; */
	}
	.index-price .price-block table > tbody > tr > td .text {
		color: #333;
		/* font-weight: 600; */
	}
	.index-price .price-block table > tbody > tr > td .info {
		color: #999;
		font-size: 12px;
	}
	.index-price .price-block table > tbody > tr:last-child > th,
	.index-price .price-block table > tbody > tr:last-child > td {
		/* border: none; */
	}
	.index-price .price-block .price-link-btn {
		margin-top: 32px;
		margin-bottom: 16px;
		text-align: center;
	}
#index_spy_qa {
	/* background-image: linear-gradient(135deg,#F1F8E9 20%,#C5E1A5); */
}
#index_spy_qa .index-qa-image {
	max-width: 200px;
	margin: 0 auto;
}
.index-qa {
	margin: 8px;
	margin-top: 32px;
	padding: 32px;
	/* border: 1px solid #C5E1A5; */
	border-radius: 8px;
	background: #f8f9fa;
}
	.index-qa .qa-block {
		/* margin-bottom: 16px; */
		padding: 16px;
		/* border-radius: 8px; */
		border-bottom: 1px solid #eee;
		/* background: #f8f9fa; */
	}
	.index-qa .qa-block .question {
		margin-bottom: 8px;
		color: #333;
		font-weight: 600;
	}
	.index-qa .qa-block .answer {
		color: #666;
	}
	.index-qa .qa-link-btn {
		margin-top: 24px;
		text-align: center;
	}
.index-example {
	margin-top: 48px;
	padding: 0 8px;
	padding-top: 20px;
	border-radius: 16px;
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.3);
}
	.index-example .example-block {
		padding: 0 8px;
	}
	.index-example .example-block:hover {
		opacity: 0.75;
		transition: all 0.3s ease;
	}
	.index-example .example-block .type {
		max-width: 160px;
		margin: 0 auto;
		margin-top: 8px;
		margin-bottom: 32px;
		padding: 4px 8px;
		color: #fff;
		font-size: 11px;
		font-weight: 600;
		text-align: center;
		border-radius: 32px;
		/* background: rgba(255,255,255,0.3); */
		background-color: #5a5a5a;
		background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23999999' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
	}
	.index-example .example-block .logo {
		margin: 0 auto;
		margin-top: 16px;
		height: 70%;
		text-align: center;
	}
	.index-example .example-block .site {
		display: table;
		width: auto;
		margin: 0 auto;
		margin-top: 16px;
		padding: 6px;
		border-radius: 32px;
		/* background: rgba(0,0,0,0.5); */
	}
	.index-example .example-block .site .logo {
		display: table-cell;
		width: 36px;
		vertical-align: middle;
	}
	.index-example .example-block .site .logo img {
		width: 100%;
		border-radius: 50%;
	}
	.index-example .example-block .site .name {
		display: table-cell;
		padding-left: 16px;
		color: #fff;
		font-size: 16px;
		font-weight: 600;
		text-align: center;
		text-shadow: 0px 0px 6px #000;
		vertical-align: middle;
	}
.index-footer {
	padding: 8px;
}
	.index-footer .footer-site-logo {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 8px 0;
	}
		.index-footer .footer-image {
			width: 50px;
		}
		.index-footer .footer-desc {
			padding: 0 16px;
			color: #666;
			font-size: 12px;
		}
	.index-footer ul.footer-menu {
		margin: 0;
		margin-top: 2px;
		padding: 0;
		list-style: none;
		overflow: hidden;
	}
	.index-footer ul.footer-menu > li {
		float: left;
		width: auto;
		padding: 6px 16px;
		color: #666;
		font-size: 12px;
	}
	.index-footer ul.footer-menu > li a {
		color: #666;
		font-size: 12px;
		font-weight: normal;
	}
	.index-footer ul.footer-menu > li a:hover {
		text-decoration: underline;
	}
/*=================================
	#header
=================================*/
#header {
    
}
#header_bar {
	padding: 8px;
	color: #fff;
	text-align: center;
	background: #666;
	z-index: 20;
}
	.admin-header-border {
		border-top: 1px solid #0570DE !important;
	}
	.admin-header-label {
		display: none;
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		top: 9px;
		/* bottom: -29px; */
		padding: 2px 8px;
		color: #fff;
		font-size: 10px;
		border-radius: 0 0 8px 8px;
		background: #0570DE;
	}
#header_pc {
	height: 75px;
	padding: 8px 0;
	/* border-bottom: 1px solid #ddd; */
	background: transparent;
	/* box-shadow: 0 1px 4px 1px rgba(33,33,33,0.1); */
	z-index: 1030;
}
	#header_pc img.header-logo {
		width: 120px;
		margin-left: 8px;
	}
	#header_pc .header-user-change,
	#header_sp .header-user-change {
		cursor: pointer;
	}
	#header_pc .header-link-block {
		padding: 8px;
		border-radius: 32px;
		background: rgba(255,255,255,0.9);
		/* box-shadow: 0 3px 6px 1px rgba(0,0,0,0.1); */
	}
	#header_pc .header-link-block-guest {
		padding: 8px;
		border-radius: 8px;
		background: #fff;
		box-shadow: 0 3px 6px 1px rgba(0,0,0,0.1);
	}
	#header_pc .header-link-btn {
		position: relative;
		margin-right: 8px;
	}
	#header_pc .header-link-btn:last-child {
		margin-right: 16px;
	}
	#header_pc .header-link-btn i {
		margin-right: 6px;
	}
		#header_pc .header-link-btn .user-mode-icon-text {
			padding: 0.35em 0.65em;
			font-size: 10px;
			font-weight: 700;
			line-height: 1;
		}
		#header_pc .header-link-btn .badge {
			position: absolute;
			top: 4px;
			right: 4px;
		}
		#header_pc .header-link-btn .dropdown-menu {
			width: 300px;
			max-height: 500px;
			padding: 0;
			overflow-y: auto;
		}
		#header_pc .header-link-btn .dropdown-menu.show {
			border: 1px solid #ddd;
			border-radius: 8px;
		}
		#header_pc .header-link-btn .dropdown-menu li .dropdown-item {
			font-size: 13px;
			font-weight: 600;
			word-wrap: break-word;
		}
		#header_pc .header-link-btn .dropdown-menu li .dropdown-item:hover {
			background: #ECEFF1;
			transition: all 0.3s ease;
		}
		#header_pc .header-link-btn .dropdown-menu li .dropdown-item .item-block .user-icon {
			width: 36px;
		}
		#header_pc .header-link-btn .dropdown-menu li .dropdown-item .item-block .user-icon img {
			width: 100%;
			border-radius: 8px;
			/* border-radius: 50%; */
		}
		#header_pc .header-link-btn .dropdown-menu li .dropdown-item .item-block .user-name {
			color: #777;
			font-size: 11px;
			font-weight: normal;
		}
		#header_pc .header-link-btn .dropdown-menu li .dropdown-item .item-block .user-text {
			white-space: normal !important;
		}
		#header_pc .header-link-btn .dropdown-menu li .dropdown-item .item-block .user-date {
			color: #777;
			font-size: 11px;
			font-weight: normal;
		}
		#header_pc .header-link-btn .dropdown-menu li.no-process {
			padding: 64px 0;
			color: #666;
			background: #fff;
		}
		#header_pc .header-link-btn .dropdown-menu li.no-process i {
			display: block;
			color: #aaa;
			font-size: 32px;
		}
		#header_pc .header-link-btn .dropdown-menu li.no-read {
			background: #E1F5FE;
		}
		#header_pc .header-link-btn .dropdown-menu li.header-link {
			position: sticky;
			top: 0;
			padding: 8px;
			border-bottom: 1px solid #ddd;
			background: #fff;
		}
		#header_pc .header-link-btn .dropdown-menu li.footer-link {
			position: sticky;
			bottom: 0;
			background: #fff;
		}
	#header_pc ul.nav > li > a:not(.btn) {
		color: #666;
		font-size: 13px;
	}
	#header_pc ul.nav > li a:not(.btn):hover,
	#header_pc ul.nav > li.active a:not(.btn) {
		color: #303F9F;
		font-weight: 600;
	}
	#header_pc ul.nav > li > a > i {
		display: block;
		margin: 0 auto;
		width: 24px;
		font-size: 26px;
	}
	#header_pc ul.nav > li.header-user-block {
		margin-top: 0px;
		margin-right: 0;
		padding: 4px;
		border-radius: 32px;
		background: #f8f9fa;
	}
	#header_pc ul.nav > li.header-user-block:hover {
		background: #ECEFF1;
	}
	#header_pc ul.nav > li.header-user-block img {
		display: block;
		margin: 0 auto;
		width: 38px;
		border-radius: 50%;
		/* box-shadow: 0 3px 12px rgba(0,0,0,0.15); */
	}
	#header_pc ul.nav > li.header-user-block .header-user-contents {
		display: flex;
		justify-content: end;
		align-items: center;
		min-width: 140px;
	}
	#header_pc ul.nav > li.header-user-block .header-user-contents .user-name {
		margin: 0 8px;
		text-align: right;
	}
		#header_pc ul.nav > li.header-user-block .header-user-contents .user-name .usertype {
			font-size: 10px;
		}
		#header_pc ul.nav > li.header-user-block .header-user-contents .user-name .uniqname {
			color: #999;
			font-size: 10px;
			font-weight: 600;
		}
		#header_pc ul.nav > li.header-user-block .header-user-contents .user-name .username {
			color: #666;
			font-size: 12px;
			font-weight: 600;
		}
	#header_pc ul.nav > li.header-user-block:hover .header-user-contents {
		color: #333;
		font-weight: normal;
	}
	#header_pc ul.dropdown-menu {
		padding: 0;
	}
	#header_pc ul.dropdown-menu > li > a {
		display: block;
		padding: 12px 16px;
		color: #263238;
		font-size: 14px;
		font-weight: normal;
	}
	#header_pc ul.dropdown-menu > li > a:hover {
		color: #263238 !important;
		background: #ECEFF1;
	}
	#header_pc ul.dropdown-menu > li > a > i {
		margin-right: 10px;
	}
	#header_pc ul.dropdown-menu > li > .dropdown-divider {
		margin: 0;
	}
#header_sp {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #ECEFF1;
	background: #fff;
	z-index: 1035;
}
	#header_sp .header-sp-inner {
		position: relative;
	}
	#header_sp .header-sp-inner .header-sp-logo {
		display: flex;
		align-items: center;
		padding: 8px 0;
		padding-left: 8px;
	}
	#header_sp .header-sp-inner .header-sp-logo img {
		height: 34px;
	}
	.header-sp-logo-text {
		color: var(--primary-color);
		font-size: 11px;
		font-weight: normal;
		line-height: 1.3;
	}
	#header_sp .header-sp-inner .header-sp-menu {
		position: absolute;
		top: 9px;
		right: 0;
	}
	#header_sp .header-sp-inner .header-sp-menu ul.lists {
		margin: 0;
		padding: 0;
		width: 100%;
		list-style: none;
	}
	#header_sp .header-sp-inner .header-sp-menu ul.lists > li {
		position: relative;
		float: left;
		width: auto;
	}
	#header_sp .header-sp-inner .header-sp-menu ul.lists > li a {
		display: block;
		margin-right: 8px;
		padding: 0px 10px;
		border-radius: 4px;
		/* background: #f8f9fa; */
	}
	#header_sp .header-sp-inner .header-sp-menu ul.lists > li a i {
		color: #000;
		font-size: 22px;
	}
	#header_sp .header-sp-inner .header-sp-menu ul.lists > li a:hover {
		background: #f8f9fa;
	}
	#header_sp .header-sp-inner .header-sp-menu ul.lists > li .badge {
		position: absolute;
		top: 0;
		right: 4px;
	}
	#header_sp .header-sp-inner .header-sp-menu ul#process_result_sp {
		margin: 0;
		padding: 0;
	}
		#header_sp .header-sp-inner .header-sp-menu ul#process_result_sp li .dropdown-item {
			padding: 16px;
			font-size: 14px;
			font-weight: 600;
			word-wrap: break-word;
		}
		#header_sp .header-sp-inner .header-sp-menu ul#process_result_sp li .dropdown-item:hover {
			color: #333;
			background: #ECEFF1;
			transition: all 0.3s ease;
		}
		#header_sp .header-sp-inner .header-sp-menu ul#process_result_sp li .dropdown-item .item-block .user-icon {
			width: 36px;
		}
		#header_sp .header-sp-inner .header-sp-menu ul#process_result_sp li .dropdown-item .item-block .user-icon img {
			width: 100%;
			border-radius: 8px;
			/* border-radius: 50%; */
		}
		#header_sp .header-sp-inner .header-sp-menu ul#process_result_sp li .dropdown-item .item-block .user-name {
			font-size: 12px;
			font-weight: normal;
		}
		#header_sp .header-sp-inner .header-sp-menu ul#process_result_sp li .dropdown-item .item-block .user-date {
			color: #666;
			font-size: 12px;
			font-weight: normal;
		}
		#header_sp .header-sp-inner .header-sp-menu ul#process_result_sp li.no-process {
			padding: 64px 0;
			color: #666;
			background: #fff;
		}
		#header_sp .header-sp-inner .header-sp-menu ul#process_result_sp li.no-process i {
			display: block;
			color: #aaa;
			font-size: 32px;
		}
		#header_sp .header-sp-inner .header-sp-menu ul#process_result_sp li.no-read {
			background: #E1F5FE;
		}
		#header_sp .header-sp-inner .header-sp-menu ul#process_result_sp li.header-link {
			position: sticky;
			top: 0;
			padding: 8px;
			color: #fff;
			background: #263238;
		}
		#header_sp .header-sp-inner .header-sp-menu ul#process_result_sp li.footer-link {
			position: sticky;
			bottom: 0;
			background: #fff;
		}
		#header_sp .header-sp-inner .header-sp-menu ul#process_result_sp li.footer-link a {
			display: block;
			margin: 0;
			padding: 16px;
		}
		#header_sp .header-sp-inner .header-sp-menu ul#process_result_sp li.footer-link i {
			font-size: 14px;
		}
/*=================================
	#sidebar
=================================*/
.fixed-menu ul {
	background: transparent !important;
}
#sidebar {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	/* height: calc(100vh - 75px); */
	padding: 0;
	border-right: 1px solid #ddd;
	background: #fff;
	z-index: 1031;
}
#sidebar .header-user-change {
	cursor: pointer;
}
#sidebar .sidebar-fixed-logo {
	height: 30px;
}
	#sidebar .sidebar-inner {
		position: relative;
		margin: 0;
		padding: 0 16px;
		padding-bottom: 128px;
		height: 100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		-moz-overflow-scrolling: touch;
		-ms-overflow-style: none;
		/* Firefox 対応 */
		scrollbar-width: none;
	}
	/* Chrome, Safari 対応 */
	#sidebar .sidebar-inner::-webkit-scrollbar {
		display:none;
	}
	#sidebar .sidebar-inner .global-nav-btn {
		margin: 16px auto;
		padding: 0;
		text-align: center;
	}
	#sidebar .sidebar-inner .global-nav-header {
		margin-top: 16px;
		padding: 8px;
		padding-bottom: 0;
		color: #666;
		font-size: 12px;
	}
	#sidebar .sidebar-inner ul.global-btn {
		margin: 0;
		margin-bottom: 12px;
		padding: 0;
		list-style: none;
	}
	#sidebar .sidebar-inner ul.global-btn > li {
		padding: 0px 8px;
		padding-bottom: 2px;
		overflow: hidden;
	}
	#sidebar .sidebar-inner ul.global-nav {
		margin: 32px 0;
		margin-top: 0;
		padding: 0;
		list-style: none;
	}
	#sidebar .sidebar-inner ul.global-nav-category {
		margin: 0;
		padding: 0;
		padding-left: 32px;
		list-style: none;
	}
	#sidebar .sidebar-inner ul.global-nav > li#side_child_package {
		padding-left: 6px;
	}
	#sidebar .sidebar-inner ul.global-nav > li#side_child_plan {
		padding-left: 32px;
	}
	#sidebar .sidebar-inner ul.global-nav > li,
	#sidebar .sidebar-inner ul.global-nav-category > li,
	#sidebar .sidebar-inner ul.global-nav > span#footer_menu_service > li {
		position: relative;
		border-radius: 8px;
		cursor: pointer;
	}
	#sidebar .sidebar-inner ul.global-nav > li#sidebar_category,
	#sidebar .sidebar-inner ul.global-nav > li a,
	#sidebar .sidebar-inner ul.global-nav-category > li a,
	#sidebar .sidebar-inner ul.global-nav > span#footer_menu_service > li a {
		display: block;
		padding: 6px 16px;
		color: #666;
		font-size: 14px;
		font-weight: normal;
		border-radius: 8px;
	}
	#sidebar .sidebar-inner ul.global-nav > li:hover,
	#sidebar .sidebar-inner ul.global-nav > li a:hover,
	#sidebar .sidebar-inner ul.global-nav-category > li a:hover,
	#sidebar .sidebar-inner ul.global-nav > span#footer_menu_service > li a:hover {
		color: #263238;
		/* font-weight: 600; */
		text-decoration: none;
		background: #e2f5fd; /* #ECEFF1; */
		transition: all 0.3s ease;
	}
	#sidebar .sidebar-inner ul.global-nav > li a:hover i,
	#sidebar .sidebar-inner ul.global-nav-category > li a:hover i,
	#sidebar .sidebar-inner ul.global-nav > span#footer_menu_service > li a:hover i {
		color: #263238;
	}
	#sidebar .sidebar-inner ul.global-nav > li.active a,
	#sidebar .sidebar-inner ul.global-nav-category > li.active a,
	#sidebar .sidebar-inner ul.global-nav > span#footer_menu_service > li.active a {
		color: #0570DE; /* #263238; */
		font-weight: 600;
		/* border: 1px solid #ECEFF1; */
		/* background: #e2f5fd; */
	}
	#sidebar .sidebar-inner ul.global-nav > li.active a i,
	#sidebar .sidebar-inner ul.global-nav-category > li.active a i,
	#sidebar .sidebar-inner ul.global-nav > span#footer_menu_service > li.active a i {
		color: #0570DE; /* #263238; */
		/* font-size: 20px; */
		font-size: 14px;
		font-weight: 600;
	}
	#sidebar .sidebar-inner ul.global-nav > li.active a:hover,
	#sidebar .sidebar-inner ul.global-nav-category > li.active a:hover,
	#sidebar .sidebar-inner ul.global-nav > span#footer_menu_service > li.active a:hover {
		color: #0570DE; /* #263238; */
	}
	#sidebar .sidebar-inner ul.global-nav > li:not(.global-nav-status-icon) i,
	#sidebar .sidebar-inner ul.global-nav-category > li:not(.global-nav-status-icon) i,
	#sidebar .sidebar-inner ul.global-nav > span#footer_menu_service > li i {
		margin-right: 12px;
		color: #666;
		font-size: 14px;
		font-weight: 600;
	}
	#sidebar .sidebar-inner ul.global-nav > li:not(.global-nav-status-icon) i.child-arrow {
		margin-right: 6px;
		color: #ccc;
		font-size: 14px;
		font-weight: normal;
	}
	#sidebar .sidebar-inner ul.global-nav > li .global-nav-icon,
	#sidebar .sidebar-inner ul.global-nav-category > li .global-nav-icon {
		float: left;
		width: 20px;
		margin: 1px 24px 2px 8px;
	}
	#sidebar .sidebar-inner ul.global-nav > li .global-nav-icon img,
	#sidebar .sidebar-inner ul.global-nav-category > li .global-nav-icon img {
		max-width: 32px;
		border-radius: 2px;
	}
	#sidebar .sidebar-inner ul.global-nav > li .global-nav-status-icon,
	#sidebar .sidebar-inner ul.global-nav-category > li .global-nav-status-icon {
		position: absolute;
		top: 5px;
		right: 0;
		padding: 2px 6px;
		color: #666;
		font-size: 12px;
		border-radius: 2px;
	}
	#sidebar .sidebar-inner ul.global-nav > li.active .global-nav-status-icon,
	#sidebar .sidebar-inner ul.global-nav-category > li.active .global-nav-status-icon {
		color: #666;
	}
	.sidebar-feedback-block {
		margin-top: 8px;
	}
	.sidebar-feedback-title {
		margin-bottom: 8px;
		font-size: 12px;
		font-weight: 600;
	}
	.feedback-result-block {
		display: none;
		margin-top: 8px;
		padding: 16px 8px;
		text-align: center;
		border-radius: 8px;
		background: #e2f5fd;
	}
	.feedback-result-loading {
		padding: 32px;
		text-align: center;
	}
	.feedback-result-block .feedback-result-icon {
		color: #666;
		font-size: 24px;
	}
	.feedback-result-block .feedback-result-text {
		color: #666;
		/* font-weight: 600; */
	}
	.sidebar-ads-link {
		padding: 0; /* defaultCss 0 16px; */
	}
	.sidebar-ads-link a {
		border-radius: 32px;
	}
	.sidebar-ads-link i {
		margin-right: 6px;
		font-size: 12px;
	}
	.sidebar-sns {
		width: 120px;
		margin: 0 auto;
		margin-top: 16px;
	}
	.sidebar-sns ul.lists {
		display: flex;
		width: 100%;
		margin: 0;
		list-style: none;
		overflow: hidden;
	}
		.sidebar-sns ul.lists > li {
			width: 25%;
			margin-right: 12px;
			font-size: 16px;
		}
		/* .sidebar-sns ul.lists > li.icon-twitter a i {
			color: #1DA1F2;
		}
		.sidebar-sns ul.lists > li.icon-facebook a i {
			color: #4267b2;
		}
		.sidebar-sns ul.lists > li.icon-instagram a i {
			color: #262626;
		}
		.sidebar-sns ul.lists > li.icon-youtube a i {
			color: #f00;
		} */
		.sidebar-sns ul.lists > li.icon-twitter a i,
		.sidebar-sns ul.lists > li.icon-facebook a i,
		.sidebar-sns ul.lists > li.icon-instagram a i,
		.sidebar-sns ul.lists > li.icon-youtube a i {
			color: #666;
		}
	.sidebar-link {
		margin-top: 16px;
		padding: 16px 0;
		border-top: 1px solid #eee;
	}
	.sidebar-link ul.lists {
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
	}
		.sidebar-link ul.lists > li {
			margin-right: 8px;
			float: left;
			width: auto;
		}
		.sidebar-link ul.lists > li a {
			color: #777;
			font-size: 12px;
			font-weight: normal;
		}
	.sidebar-link .copy {
		margin-top: 8px;
		color: #666;
		font-size: 12px;
	}
#fixed_user_block {
	position: relative;
	border-radius: 32px;
	cursor: pointer;
}
#fixed_user_block:hover {
	border-radius: 32px;
	background: #ECEFF1;
	transition: all 0.3s;
}
#fixed_user_block .user-contents {
	display: table;
	width: 100%;
	padding: 8px;
	/* background: #fff; */
	/* box-shadow: 0 0 6px rgba(0,0,0,0.2); */
}
#fixed_user_block .user-contents .user-icon {
	display: table-cell;
	width: 40px;
	vertical-align: middle;
}
#fixed_user_block .user-contents .user-icon img {
	border-radius: 50%;
	border: 1px solid #ECEFF1;
}
#fixed_user_block .user-contents .user-name {
	display: table-cell;
	padding: 0 8px;
	font-size: 16px;
	font-weight: 600;
	vertical-align: middle;
}
#fixed_user_block .user-contents .user-menu {
	display: table-cell;
	width: 40px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
#fixed_user_block .user-contents .user-contents-menu {
    display: none;
	position: absolute;
	top: -84px;
	left: 0;
	right: 0;
	width: 100%;
	padding: 12px;
	border-radius: 8px;
	border: 1px solid #ECEFF1;
	background: #fff;
	box-shadow: 0 0 12px rgba(0,0,0,0.15);
}
#fixed_user_block .user-contents .user-contents-menu ul.lists {
	margin: 0;
	padding: 0;
	list-style: none;
}
#fixed_user_block .user-contents .user-contents-menu ul.lists > li {
	margin-bottom: 0;
}
#fixed_user_block .user-contents .user-contents-menu ul.lists > li:last-child {
	margin-bottom: 0;
}
#fixed_user_block .user-contents .user-contents-menu ul.lists > li a {
	display: block;
	padding: 8px 16px;
	color: #263238;
}
#fixed_user_block .user-contents .user-contents-menu ul.lists > li a i {
	margin-right: 6px;
}
#fixed_user_block .user-contents .user-contents-menu ul.lists > li a:hover {
	font-weight: 600;
	text-decoration: none;
	background: #ECEFF1;
}
#fixed_user_block .user-contents #side_menu_close {
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 18px;
	cursor: pointer;
}
/*=================================
	#sidebar_right
=================================*/
#sidebar_right {
	padding: 0;
}
/*=================================
	#main
=================================*/
#main {
	
}
#main_contents {
	position: relative;
	margin: 0;
	margin-left: 16.66666667%;
	padding: 32px;
	/* border-left: 1px solid #ddd; */
	min-height: 100vh;
	border-right: none;
	background: transparent;
	animation: fadeIn 0.5s ease 0s 1 normal;
	/* display: none; */
	/* z-index: 2; */
}
	#main_contents > .container {
		/* max-width: 1100px; */
	}
	#main_contents .contents-title {
		margin-bottom: 16px;
		/* color: #666; */
		font-size: 24px; /* defaultCss 24px; */
		/* font-weight: 600; */
	}
	#main_contents .contents-title i {
		margin-right: 12px;
	}
	/* #main_contents .contents-title:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 200px;
		display: block;
		z-index: -1;
		background-color: #2196f3;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%2364b5f6' fill-opacity='0.4'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	} */
	#main_contents .contents-title-second {
		margin-bottom: 16px;
		padding: 8px 16px;
		padding-left: 16px;
		font-size: 20px;
		font-weight: 500;
		border-left: 1px solid #263238;
	}
	#main_contents .contents-overview {
		overflow: hidden;
		padding: 8px 32px;
		border-radius: 8px;
		background: #f8f9fa;
	}
	#main_contents .contents-overview .overview-text {
		padding: 0;
	}
	#main_contents .contents-overview .overview-image {
		padding: 0;
	}
		#main_contents .contents-overview .overview-image img {
			height: 100px;
		}
	#main_contents .contents-overview .overview-link {
		margin: 8px 0;
	}
		#main_contents .contents-overview .overview-link a {
			text-decoration: underline;
		}
		#main_contents .contents-overview .overview-link a:hover {
			text-decoration: none;
		}
	#main_contents .contents-block {
		padding: 32px 0;
		border-radius: 8px;
		/* border: 1px solid #ddd; */
		background: transparent;
		/* box-shadow: 0 0px 3px rgba(0,0,0,0.15); */
	}
	#main_contents .contents-block .block-header {
		position: relative;
		margin-bottom: 32px;
	}
	#main_contents .contents-block .register-form .block-header {
		position: relative;
		margin-bottom: 16px;
	}
	#main_contents .contents-block .block-header .header-link {
		position: absolute;
		top: 6px;
		right: 0;
	}
	#main_contents .contents-block .block-header .image {
		width: 200px;
		/* margin: 0 auto; */
	}
	#main_contents .contents-block .block-header .title {
		margin-bottom: 16px;
		/* padding-bottom: 16px; */
		font-size: 20px;
		font-weight: 600;
		/* border-bottom: 1px solid #ddd; */
	}
	#main_contents .contents-block .block-header .title i {
		margin-left: 6px;
		color: #90A4AE;
		font-size: 0.75rem;
		font-weight: 600;
		vertical-align: 4px;
	}
	#main_contents .contents-block .block-header .title.filter i {
		margin-left: 6px;
		color: #111;
		font-size: 24px;
		font-weight: 600;
		vertical-align: -1px;
	}
	#main_contents .contents-block .block-header .title-second {
		margin-bottom: 16px;
		padding: 8px 16px;
		font-size: 16px;
		font-weight: 600;
		border-radius: 4px;
		background: #ECEFF1;
	}
	#main_contents .contents-block .block-header .title-second i {
		margin-left: 6px;
		color: #90A4AE;
		font-size: 0.5rem;
		font-weight: 600;
	}
	#main_contents .contents-block .block-header .title-plan {
		margin-bottom: 16px;
		font-size: 28px;
		font-weight: 600;
		line-height: 1.5;
	}
	#main_contents .contents-block .block-header .info {
		margin: 16px 0;
		color: #333;
		font-size: 14px;
	}
	#main_contents .contents-block .block-contents {
		margin: 16px 0;
		font-size: 14px;
		line-height: 1.5;
	}
	/*==================================
		main-list
	==================================*/
	#main_contents .main-list-filter-block {
		margin: 16px 0;
		margin-top: 8px;
		/* padding: 16px;
		border-radius: 8px;
		background: #f8f9fa; */
	}
		#main_contents .main-list-filter-block .nav-underline .nav-link {
			color: #666;
			font-size: 12px;
		}
		#main_contents .main-list-filter-block .nav-underline .nav-link.active {
			color: #0570DE;
			font-weight: 600;
		}
		#main_contents .main-list-filter-block .nav-underline .nav-link span {
			vertical-align: 1px;
		}
		#main_contents .main-list-filter-block ul.dropdown-menu {
			z-index: 1030;
		}
		#main_contents .main-list-filter-block ul.dropdown-menu > li a {
			padding: 8px 16px;
			font-size: 14px;
		}
	#main_contents .main-list-block {
		margin-bottom: 64px;
		border-radius: 6px;
		/* border: 1px solid #ddd; */
		background: #fff;
		/* box-shadow: 0 1px 3px rgba(0,0,0,0.1); */
	}
		#main_contents .main-list-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			/* margin-bottom: 16px; */
			padding: 16px 0;
			border-radius: 8px;
			background: #fff;
		}
		#main_contents .main-list-block .main-list-header {
			padding: 10px;
			border-radius: 8px;
		}
			#main_contents .main-list-header .list-contents {
				display: flex;
				align-items: center;
				/* flex: 1; */
			}
				#main_contents .main-list-header .list-icon {
					margin: 0;
				}
				#main_contents .main-list-header .list-icon img {
					margin-right: 8px;
					width: 40px;
					border-radius: 8px;
					vertical-align: -7px;
				}
				#main_contents .main-list-header .list-package {
					margin: 0;
				}
				#main_contents .main-list-header .list-package img {
					margin-right: 8px;
					width: 40px;
					border-radius: 8px;
					vertical-align: -7px;
				}
				#main_contents .main-list-header .list-plan {
					margin: 0;
				}
				#main_contents .main-list-header .list-plan img {
					margin-right: 8px;
					width: 80px;
					border-radius: 4px;
					vertical-align: -7px;
				}
				#main_contents .main-list-header .list-icon i {
					margin-right: 8px;
					margin-left: 4px;
					color: #777;
					font-size: 18px;
					background: #fff;
					padding: 2px 6px;
					border-radius: 50%;
					border: 1px solid #ccc;
				}
				#main_contents .main-list-block .main-list-header .list-icon i {
					margin-left: -16px;
				}
				#main_contents .main-list-header .list-name {
					font-size: 12px;
					/* font-weight: 600; */
					flex: 1;
				}
				#main_contents .main-list-header .list-image {
					margin: 0;
				}
				#main_contents .main-list-header .list-image img {
					margin-right: 8px;
					width: 30px;
					border-radius: 4px;
				}
			#main_contents .main-list-header .list-link a {
				font-size: 12px;
			}
		#main_contents .main-list-block .main-list-contents {
			border-radius: 6px;
			background: #fff;
		}
		#main_contents .main-list-block .table > thead > tr > th:first-child {
			width: 30%;
		}
		#main_contents .main-list-block .table > thead > tr > th {
			border-bottom-color: #ddd;
		}
		#main_contents .main-list-block .table > tbody > tr > td {
			color: #777;
		}
		#main_contents .main-list-block .table > :not(:last-child) > :last-child > * {
			/* border-bottom-color: #ddd; */
			border-bottom-color: #ddd !important;
		}
		#main_contents .main-list-block .table > thead > tr,
		#main_contents #main_list_contents .table > thead > tr {
			/* box-shadow: 0 1px 6px rgba(0,0,0,0.1); */
		}
	#main_contents #main_list_contents {
		border-radius: 6px;
		border: 1px solid #ddd;
		background: #fff;
	}
	#main_contents #main_list_contents .table > :not(:last-child) > :last-child > * {
		border-bottom-color: #ddd; /* #ddd; */
	}
	#main_contents #main_list_contents .table > :not(caption) > * > * {
		padding: 16px;
	}
	#main_contents .main-list-contents .table > :not(caption) > * > * {
		padding: 10px;
	}
	#main_contents #main_list_contents .table td {
		color: #777;
	}
	.col-list {
		padding: 8px;
	}
	#main_contents .col-title {
		margin: 8px 0;
		font-size: 16px;
		font-weight: 600;
	}
	#main_contents .contents-block .block-body dt {
		margin-bottom: 8px;
		color: #333;
		font-weight: 600;
	}
	#main_contents .contents-block .block-body dd {
		padding-left: 16px;
		color: #333;
	}
	#main_contents .contents-block .block-footer i {
		margin-right: 6px;
	}
	#main_contents .nav-tabs {
		border: none;
	}
	#main_contents .nav-pills .nav-link {
		color: #666;
		background: #f8f9fa;
	}
	#main_contents .nav-pills .nav-link.active,
	#main_contents .nav-pills .show > .nav-link {
		color: #fff;
		background: #0570DE;
	}
	#main_contents .nav-pills .nav-link,
	#main_contents .nav-pills .nav-link.active {
		padding: 0.5rem;
	}
	#main_contents .nav-pills .nav-link.active i {
		margin-right: 3px;
	}
	#main_contents .nav-pills .nav-link:hover {
		color: #333;
		background: #ECEFF1;
	}
	#main_contents .nav-pills .nav-link.active:hover {
		color: #fff;
		background: #0570DE;
		transition: all 0.3s ease;
	}
.offcanvas-end {
	border: none;
}
/*=================================
	#medias
=================================*/
#medias_page #main_contents {
	background: #f8f9fa;
}
#media_contents {
	margin: -32px;
}
#media_contents .contents-block {
	padding: 32px;
	border-radius: 8px;
	border: 1px solid #ddd;
	background: #fff;
}
#media_contents .media-block-header {
	background: #fff;
}
#media_contents .media-block-header .header-cover {
	width: 100%;
	padding: 32px 0;
	padding-bottom: 16px;
}
#media_contents .media-block-header .header-cover .media-block-cover {
	width: 100%;
	height: 25vh;
	border-radius: 24px;
}
#media_contents .media-block-header .header-inner {
	width: 100%;
	padding: 16px 0;
}
#media_contents .header-summary-block {
	width: 100%;
	margin-bottom: 16px;
	overflow: hidden;
}
#media_contents .header-summary-block .header-summary {
	/* display: block; */
	float: left;
	width: 70%;
}
#media_contents .header-summary .summary-block {
	display: table;
	width: 100%;
}
#media_contents .summary-block .header-media-image {
	display: table-cell;
	width: 120px;
	vertical-align: middle;
}
#media_contents .summary-block .header-media-image img {
	width: 100%;
	border-radius: 50%;
	border: 1px solid #ddd;
}
#media_contents .summary-block .header-media-name {
	display: table-cell;
	padding-left: 12px;
	vertical-align: middle;
}
#media_contents .summary-block .header-media-name h1 {
	margin: 0;
	padding: 0;
	font-size: 24px;
	font-weight: 600;
}
#media_contents .summary-block .header-media-name .header-media-category {
	margin-top: 4px;
	color: #666;
	font-size: 14px;
}
#media_contents .header-summary-block .header-follow {
	float: left;
	width: 30%;
	padding-top: 8px;
	text-align: right;
}
#media_contents .header-summary-block .header-media-follow i {
	margin-right: 6px;
}
#media_contents .header-intro-block {
	font-size: 14px;
}
	#media_contents .header-intro-block .header-intro {
		position: relative;
		padding: 8px;
		padding-bottom: 16px;
	}
	#media_contents .header-intro-block .header-intro *,
	#media_contents .header-intro-block .header-intro *:before,
	#media_contents .header-intro-block .header-intro *:after {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#media_contents .header-intro-block .header-intro label {
		position: absolute;
		z-index: 1;
		left: 0;
		bottom: -32px;
		width: 120px;
		height: 50px; /* グラデーションの高さ */
		cursor: pointer;
	}
	#media_contents .header-intro-block .header-intro input:checked + label {
		background: inherit; /* 開いた時にグラデーションを消す */
	}
	#media_contents .header-intro-block .header-intro label:after {
		line-height: 2.5rem;
		z-index: 2;
		left: 0;
		bottom: 0;
		width: 120px;
		padding: 4px 8px;
		color: #666;
		font-size: 13px;
		font-weight: 300;
		font-family: bootstrap-icons !important;
		content: "[もっと見る]";
		transform: translate(-50%, 0);
		letter-spacing: 0.05em;
	}
	#media_contents .header-intro-block .header-intro input {
		display: none;
	}
	#media_contents .header-intro-block .header-intro .header-intro-text-container {
		overflow: hidden;
		height: 80px; /* 開く前に見えている部分の高さ */
		transition: all 0.5s;
	}
	#media_contents .header-intro-block .header-intro input:checked + label {
		/* display: none ; 閉じるボタンを消す場合解放 */
	}
	#media_contents .header-intro-block .header-intro input:checked + label:after {
		padding: 4px 8px;
		color: #666;
		font-size: 13px;
		font-weight: 300;
		content: '[一部を表示]';
	}
	#media_contents .header-intro-block .header-intro input:checked ~ .header-intro-text-container {
		height: auto;
		padding-bottom: 20px; /* 閉じるボタンのbottomからの位置 */
		transition: all 0.5s;
	}
	#media_contents .header-intro-block .status-block {
		display: flex;
		justify-content: space-between;
		padding: 8px;
		border-radius: 8px;
		border: 1px solid #ddd;
		background: #f8f9fa;
	}
	#media_contents .header-intro-block .status-block .header-status {
		width: 100%;
		flex-grow: 1;
		text-align: center;
		border-right: 1px solid #ddd;
	}
	#media_contents .header-intro-block .status-block .header-status:last-child {
		border-right: none;
	}
	#media_contents .header-intro-block .status-block .header-status .status-title {
		color: #666;
		font-size: 13px;
	}
	#media_contents .header-intro-block .status-block .header-status .status-num {
		color: #333;
		font-size: 16px;
		font-weight: 600;
	}
	#media_contents .header-intro-block .header-intro-link {
		text-align: center;
		border-radius: 8px;
		/* background: #ECEFF1; */
	}
	#media_contents .header-intro-block .header-intro-link:hover {
		text-align: center;
		border-radius: 32px;
		background: #f5f5f5;
	}
	#media_contents .header-intro-block .header-intro-link a i {
		margin-left: 6px;
	}
	#media_contents #media_law_block .accordion-button {
		margin: 0;
		padding: 0;
		font-size: 20px;
		font-weight: 600;
	}
	#media_contents #media_law_block .accordion-button:not(.collapsed) {
		color: #000;
		font-weight: 600;
		background: transparent;
		box-shadow: none;
	}
/*=================================
	#home
=================================*/
.home-step-block {
	margin-bottom: 16px;
	padding: 32px;
	border-radius: 8px;
	/* border: 1px solid #ddd; */
	background: #f8f9fa;
}
	.home-step-block .home-step-info {
		display: flex;
		align-items: center;
	}
		.home-step-block .home-step-info-image {
			width: 200px;
			margin: 0 auto;
		}
		.home-step-block .home-step-info-title {
			flex: 1;
			padding: 0 16px;
			color: #222;
			font-size: 20px;
			font-weight: 600;
		}
	.home-step-block .home-step-lists {
		padding: 16px;
		padding-left: 48px;
		border-radius: 8px;
		/* background: #fff; */
	}
		.home-step-block .home-step-lists .home-step-list {
			display: block;
			position: relative;
			margin-bottom: 16px;
			padding: 16px;
			border-radius: 8px;
			background: #fff;
			box-shadow: 0 1px 3px rgba(0,0,0,0.2);
		}
		.home-step-block .home-step-lists .home-step-list:last-child {
			margin: 0;
		}
		.home-step-block .home-step-lists .home-step-list:hover {
			background: #f8f9fa;
		}
		.home-step-block .home-step-lists .home-step-list.active {
			color: #aaa;
			background: #eee;
			box-shadow: none;
		}
			.home-step-block .home-step-lists .home-step-list-contents {
				display: flex;
				align-items: center;				
			}
				.home-step-block .home-step-lists .home-step-list .home-step-list-num {
					position: absolute;
					top: 5px;
					left: -60px;
					color: #0570de;
					font-size: 16px;
					font-weight: 600;
				}
				.home-step-block .home-step-lists .home-step-list .home-step-list-icon {
					position: absolute;
					top: 11px;
					left: -32px;
					color: #B4D4F5;
					font-size: 20px;
				}
				.home-step-block .home-step-lists .home-step-list .home-step-list-icon.active {
					position: absolute;
					top: 11px;
					left: -32px;
					color: #0570de;
					font-size: 20px;
				}
				.home-step-block .home-step-lists .home-step-list .home-step-list-image {
					display: none;
					height: 50px;
					border-radius: 8px;
				}
					.home-step-block .home-step-lists .home-step-list .home-step-list-image img {
						height: 100%;
						border-radius: 32px;
					}
				.home-step-block .home-step-lists .home-step-list .home-step-list-title {
					padding-left: 16px;
				}
#card_lists {
	padding: 0;
}
	#card_lists .card {
		position: relative;
	}
	#home_page #card_lists .card {
		margin: 32px 0 !important;
	}
	#card_lists .number {
		position: absolute;
		top: -2px;
		left: -2px;
		padding: 8px 16px;
		color: #fff;
		font-weight: 600;
		border-radius: 8px 0 8px 0;
		border-right: 6px solid #fff; /* #ECEFF1; */
		border-bottom: 6px solid #fff; /* #ECEFF1; */
		background: #0570DE;
		/* box-shadow: 0 3px 12px rgba(0,0,0,0.2); */
	}
	#card_lists .card-title {
		margin-top: 3%;
		color: #333;
		font-size: 18px;
		font-weight: 600;
	}
	#card_lists .card-footer {
		border: none;
	}
	#card_lists .card-footer a i {
		margin-left: 6px;
	}
/* .home-contents-list {
	margin-bottom: 16px;
}
	.home-contents-list a {
		display: block;
		color: #333;	
	}
	.home-contents-block {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		border-radius: 4px;
		border: 1px solid #ECEFF1;
		transition: all 0.3s ease;
	}
	.home-contents-block:hover {
		border: 1px solid transparent;
		background: #f8f9fa;
	}
	.home-contents-block .home-contents-image {
		width: 80px;
	}
	.home-contents-block .home-contents-image img {
		width: 100%;
		border-radius: 4px 0 0 4px;
	}
	.home-contents-block .home-contents-title {
		padding-left: 16px;
	} */
#home_media_block {

}
	#home_media_block .media-list {
		position: relative;
		margin: 8px;
	}
	#home_media_block .media-list a {
		display: block;
		padding: 16px;
		border-radius: 2px;
		border: 1px solid transparent;
		transition: all 0.3s ease;
	}
	#home_media_block .media-list a:hover {
		border-radius: 8px;
		border: 1px solid #ddd;
		background: #f8f9fa;
		/* box-shadow: 0 3px 12px rgba(0,0,0,0.15);
		transform: scale(1.03); */
	}
	#home_media_block .media-list .media-image {
		margin: 0 auto;
		margin-bottom: 8px;
		width: 80px;
	}
	#home_media_block .media-list .media-image img {
		width: 100%;
		border-radius: 50%;
		border: 1px solid #ddd;
	}
	#home_media_block .media-list .media-name {
		margin-top: 8px;
		color: #333;
		/* font-weight: 600; */
		text-align: center;
	}
	#home_media_block .media-list .list-status {
		position: absolute;
		top: 8px;
		left: 8px;
	}
	#home_media_block .media-list .list-status .badge {
		color: #fff !important;
		border-radius: 4px !important;
		background: rgba(0,0,0,0.5) !important;
		/* box-shadow: 0 2px 4px rgba(0,0,0,0.3); */
	}
.media-card-block {
	margin: 0;
}
	.media-card-block .media-card-lists {
		display: grid;
		grid-template-columns: repeat(4, minmax(150px, 1fr));
		gap: 32px;
	}
	.media-card-block .media-card-lists .media-card-list {
		position: relative;
		padding: 16px;
		text-align: center;
		border-radius: 8px;
		/* border: 1px solid #ddd; */
		background: #fff;
		box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	}
		.media-card-block .media-card-lists .media-card-list .media-card-menu {
			position: absolute;
			top: 8px;
			right: 8px;
		}
		.media-card-block .media-card-lists .media-card-list .media-card-image {
			max-width: 100px;
			margin: 32px auto;
			border-radius: 50%;
			background: #fff;
		}
			.media-card-block .media-card-lists .media-card-list .media-card-image img {
				max-width: 80px;
				margin: 0 auto;
				border-radius: 50%;
			}
		.media-card-block .media-card-lists .media-card-list .media-card-name {
			margin-bottom: 16px;
			color: #222;
			font-size: 16px;
			font-weight: 600;
		}
			.media-card-block .media-card-lists .media-card-list .media-card-name a {
				color: #222;
				font-size: 14px;
			}
		.media-card-block .media-card-lists .media-card-list .media-card-status {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 16px;
			padding-bottom: 0;
			color: #aaa;
			font-size: 12px;
			border-top: 1px solid #eee;
		}
			.media-card-block .media-card-lists .media-card-list .media-card-create {
				color: #aaa;
				font-size: 12px;
			}
#home_package_block {

}
	#home_package_block .plan-list {
		position: relative;
		margin: 8px;
		border-radius: 8px;
	}
	#home_package_block .plan-list a {
		display: block;
		padding: 0;
		border-radius: 8px;
		border: 1px solid transparent;
		transition: all 0.3s ease;
	}
	#home_package_block .plan-list a:hover {
		border-radius: 8px;
		border: 1px solid #ddd;
		background: #f8f9fa;
		/* box-shadow: 0 3px 12px rgba(0,0,0,0.15);
		transform: scale(1.03); */
	}
	#home_package_block .plan-list .plan-image {
		margin: 0 auto;
		width: 100%;
	}
	#home_package_block .plan-list .plan-image img {
		width: 100%;
		border-radius: 8px;
		border: 1px solid #ddd;
		/* border-radius: 6px 6px 0 0; */
	}
	#home_package_block .plan-list .plan-name {
		padding: 8px;
		color: #333;
		/* font-weight: 600; */
	}
	#home_package_block .plan-list .list-status {
		position: absolute;
		top: 8px;
		left: 8px;
	}
	#home_package_block .plan-list .list-status .badge {
		color: #fff !important;
		border-radius: 4px !important;
		background: rgba(0,0,0,0.5) !important;
		/* box-shadow: 0 2px 4px rgba(0,0,0,0.3); */
	}
#home_plan_block {

}
	#home_plan_block .plan-list {
		position: relative;
		margin: 8px;
		border-radius: 8px;
	}
	#home_plan_block .plan-list a {
		display: block;
		padding: 0;
		border-radius: 8px;
		border: 1px solid transparent;
		transition: all 0.3s ease;
	}
	#home_plan_block .plan-list a:hover {
		border-radius: 8px;
		border: 1px solid #ddd;
		background: #f8f9fa;
		/* box-shadow: 0 3px 12px rgba(0,0,0,0.15);
		transform: scale(1.03); */
	}
	#home_plan_block .plan-list .plan-image {
		margin: 0 auto;
		width: 100%;
	}
	#home_plan_block .plan-list .plan-image img {
		width: 100%;
		border-radius: 8px;
		border: 1px solid #ddd;
		/* border-radius: 6px 6px 0 0; */
	}
	#home_plan_block .plan-list .plan-name {
		padding: 8px;
		color: #333;
		/* font-weight: 600; */
	}
	#home_plan_block .plan-list .list-status {
		position: absolute;
		top: 8px;
		left: 8px;
	}
	#home_plan_block .plan-list .list-status .badge {
		color: #fff !important;
		border-radius: 4px !important;
		background: rgba(0,0,0,0.5) !important;
		/* box-shadow: 0 2px 4px rgba(0,0,0,0.3); */
	}
#home_ad_block {

}
	#home_ad_block .adlo-list {
		position: relative;
		margin: 8px;
		border-radius: 8px;
	}
	#home_ad_block .adlo-list a {
		display: block;
		padding: 0;
		border-radius: 8px;
		border: 1px solid transparent;
		transition: all 0.3s ease;
	}
	#home_ad_block .adlo-list a:hover {
		border-radius: 8px;
		border: 1px solid #ddd;
		background: #f8f9fa;
		/* box-shadow: 0 3px 12px rgba(0,0,0,0.15);
		transform: scale(1.03); */
	}
	#home_ad_block .adlo-list .adlo-image {
		margin: 0 auto;
		width: 100%;
	}
	#home_ad_block .adlo-list .adlo-image img {
		width: 100%;
		border-radius: 8px;
		border: 1px solid #ddd;
		/* border-radius: 6px 6px 0 0; */
	}
	#home_ad_block .adlo-list .adlo-movie {
		position: relative;
		padding-top: 75%; /* ratio 4:3 */
	}
	#home_ad_block .adlo-list .adlo-movie iframe {
		position: absolute;
		top:0;
		left:0;
		right: 0;
		width:100%;
		height:100%;
		border: none !important;
	}
	#home_ad_block .adlo-list .adlo-name {
		padding: 8px;
		color: #333;
		/* font-weight: 600; */
	}
	#home_ad_block .adlo-list .list-status {
		position: absolute;
		top: 8px;
		left: 8px;
	}
	#home_ad_block .adlo-list .list-status .badge {
		color: #fff !important;
		border-radius: 4px !important;
		background: rgba(0,0,0,0.5) !important;
		/* box-shadow: 0 2px 4px rgba(0,0,0,0.3); */
	}
#home_customer_block {

}
	#home_customer_block .customer-list {
		margin: 8px;
	}
	#home_customer_block .customer-list a {
		display: block;
		padding: 16px;
		border-radius: 2px;
		border: 1px solid transparent;
		transition: all 0.3s ease;
	}
	#home_customer_block .customer-list a:hover {
		border-radius: 8px;
		border: 1px solid #ddd;
		background: #f8f9fa;
		/* box-shadow: 0 3px 12px rgba(0,0,0,0.15);
		transform: scale(1.03); */
	}
	#home_customer_block .customer-list .customer-image {
		margin: 0 auto;
		margin-bottom: 8px;
		width: 80px;
	}
	#home_customer_block .customer-list .customer-image img {
		width: 100%;
		border-radius: 50%;
		border: 1px solid #ddd;
	}
	#home_customer_block .customer-list .customer-name {
		margin-top: 8px;
		color: #333;
		/* font-weight: 600; */
		text-align: center;
	}
#home_panel_block .card {
	margin-bottom: 32px;
	border-radius: 12px;
	border: 1px solid #ddd;
	background: #fff;
}
	#home_panel_block .card-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 12px 1rem;
		color: #222;
		font-size: 16px;
		background: transparent;
	}
	#home_panel_block .card-header > .link a {
		font-size: 12px;
	}
	#home_panel_block .card > .card-body > .body-title {
		margin-bottom: 8px;
		color: #777;
		font-size: 12px;
	}
.home-side-block {
	position: sticky;
	top: 91px;
	margin-left: 32px;
}
#home_panel_block .payment-sub-block {
	margin: 1px;
	padding: 8px;
	text-align: center;
	border-radius: 8px;
	/* border-top: 1px solid #43A047;
	border-bottom: 1px solid #66BB6A; */
	background: #F1F8E9; /*03A9F4*/
}
	#home_panel_block .payment-sub-block .payment-sub-title {
		margin-bottom: 4px;
		color: #999;
		font-size: 12px;
	}
	#home_panel_block .payment-sub-block .payment-sub-num {
		color: #222;
		font-size: 20px;
		font-weight: 600;
	}
	#home_panel_block .payment-sub-block .payment-sub-num span.unit {
		color: #222;
		font-size: 14px;
	}
	#home_panel_block .main-list-contents table tr td {
		color: #777;
	}
	#home_panel_block .main-list-contents table tr:last-child td {
		border: none;
	}
	#home_panel_block .main-list-contents .table > :not(caption) > * > * {
		padding: 10px 0;
	}
	#home_panel_block .main-list-contents table tr td .plans-image,
	#home_panel_block .main-list-contents table tr td .plans-movie {
		width: 80px;
		min-width: 80px;
	}
	#home_panel_block ul#process_result_home > li a {
		padding: 8px;
	}
	#home_panel_block ul#process_result_home > li.no-process i {
		font-size: 32px;
	}
	#home_panel_block ul#process_result_home > li.no-process {
		color: #999;
		font-size: 14px;
	}
	#home_panel_block .help-card-image {
		width: 160px;
		margin: 0 auto;
	}
		#home_panel_block .help-card-image img {
			border-radius: 50%;
			background: #F3FBFE;
		}
/*=================================
	#home_media
=================================*/
.home-no-list {
	/* padding: 16px;
	text-align: center;
	border-radius: 4px;
	background: #f8f9fa; */
	padding: 16px;
	color: #999;
	text-align: center;
}
.home-no-list-info {
	margin-top: 16px;
	padding: 16px;
	border-radius: 8px;
	/* background: #f8f9fa; */
}
	.home-no-list-info .home-no-list-info-image {
		max-width: 160px;
		margin: 0 auto;
		margin-bottom: 24px;
	}
		.home-no-list-info .home-no-list-info-image img {
			border-radius: 50%;
			background: #F3FBFE;
		}
	.home-no-list-info .home-no-list-info-link {
		text-align: center;
	}
table.home-media-table {
	margin-bottom: 0;
	border-collapse:separate;
}
table.home-media-table .media-name-block {
	display: table;
	height: 80px;
}
	table.home-media-table .media-name-block .media-image {
		display: table-cell;
		width: 80px;
		min-width: 80px;
		padding-right: 16px;
		vertical-align: middle;
	}
	table.home-media-table .media-name-block .media-image img {
		width: 100%;
		border-radius: 50%;
		/* border: 1px solid #ddd; */
		background: #fff;
	}
table.home-media-table .media-name-block .media-name {
	display: table-cell;
	font-weight: 600;
	vertical-align: middle;
	text-align: left;
}
table.home-media-table .media-name-block .media-name a:not(.btn) {
	display: block;
	margin-bottom: 10px;
	color: #222;
	font-weight: 600;
}
table.home-media-table .media-name-block .media-name i {
	color: #222;
}
table.home-media-table th {
	color: #222;
	font-size: 11px;
	font-weight: normal;
}
/* table.home-media-table th,
table.home-media-table td {
	text-align: center;
} */
table.home-media-table th.td-fixed,
table.home-media-table td.td-fixed {
	position: sticky;
	right: 0;
	background: rgba(255,255,255,0.85);
}
table.home-media-table tr.bg-light td.td-fixed {
	position: sticky;
	right: 0;
	background: rgba(248,249,250,0.85);
}
table.home-media-table th.td-fixed:before,
table.home-media-table td.td-fixed:before {
	content: '';
    width: 100%;
    height: 100%;
}
table.home-media-table td .info-link {
	font-size: 12px;
	text-decoration: underline;
}
table.home-media-table td .column-text {
	margin-right: 6px;
	color: #777;
	font-size: 12px;
}
table.home-media-table td .info-text {
	color: #666;
	font-size: 12px;
}
table.home-media-table td .id-text {
	color: #666;
	font-size: 12px;
}
table.home-media-table td .status-text {
	padding: 0;
	color: #777;
	font-size: 12px;
	text-align: left;
}
table.home-media-table td span.card-type-icon img {
	margin-right: 6px;
	width: 32px;
	padding: 4px;
	border-radius: 4px;
	background: #ECEFF1;
}
table.home-media-table .dropdown-menu {
	z-index: 9999;
}
.media-card-list .dropdown-menu .dropdown-item,
table.home-media-table .dropdown-menu .dropdown-item {
	padding: 8px 16px;
	font-size: 14px;
}
/****************
	register
****************/
.register-form {
	margin: 0 auto;
	width: 100%;
	max-width: 576px;
	padding: 0 !important;
}
.register-form .form-info-text {
	margin: 16px 0;
}
.register-form .form-title {
	margin-top: 32px;
	margin-bottom: 8px;
	font-weight: 500;
}
#medias_image_entry label {
	display: block;
	padding: 16px;
	color: #666;
	font-size: 12px;
	text-align: center;
	border-radius: 4px;
	border: 1px dashed #ddd; /* default css 無効 */
	background: #f8f9fa;
	cursor: pointer;
}
#medias_image_entry label:hover {
	background: #ECEFF1; /* default css #f8f9fa; */
	transition: all 0.3s ease;
}
#medias_image_entry .img-preview {
	margin: 0;
	padding: 0;
	margin-bottom: 16px;
	width: 120px;
	border: 1px solid #ddd;
	border-radius: 50%;
	background: transparent;
}
#medias_image_entry .img-summary {
	padding: 0;
	font-size: 18px;
}
#medias_image_entry .img-summary i {
	margin-right: 8px;
}
#medias_image_entry .img-summary .summary-caution {
	margin: 8px 0;
	color: #777;
	font-size: 12px;
	font-weight: normal;
}
#medias_image_entry .img-trash {
	margin: 16px 0;
	padding: 16px;
	color: #666;
	font-size: 13px;
	text-align: center;
	border: 1px solid #ddd;
	background: #fff;
	z-index: 9999;
	cursor: pointer;
}
#medias_image_entry .img-trash:hover {
	background: #ECEFF1;
	transition: all 0.3s ease;
}
#medias_image_entry .img-trash i {
	margin-right: 6px;
}
/*=================================
	#home_ad
=================================*/
#ad_create .ads-display-type-list .btn {
	color: #777;
	font-weight: normal;
	/* border-radius: 0; */
}
#ad_create .ads-display-type-list .btn-check:checked + .btn {
	color: #333;
	font-weight: 600;
	border: 1px solid #aaa;
}
#ad_create .ads-display-type-list .btn-check:focus + .btn {
	box-shadow: none;
}
#ad_create .modal-content {
	position: relative;
}
#ad_create .modal-body {
	padding-bottom: 120px;
	/* min-height: 250px; */
	height: 100%;
}
#ad_create .modal-footer {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	background: #fff;
}
#ad_create .input-group .btn {
	z-index: initial;
}
#ad_create .history-lists-block {
	position: sticky;
	top: 107px;
	margin-left: 32px;
}
#ad_create .history-lists-header {
	margin-bottom: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 600;
}
#ad_create .history-lists-body {
	border-radius: 8px;
	border: 1px solid #ddd;
	background: #fff;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-ms-overflow-style: none;
}
#ad_create .history-lists-body .history-lists-inner {
	padding: 16px;
	height: 100%;
}
#ad_create .history-lists-body .history-lists-inner .history-lists-info {
	margin-bottom: 8px;
}
#ad_create .history-lists-body .history-lists-inner .history-lists-info-no {
	color: #999;
	text-align: center;
}
#ad_create .history-lists-body .history-lists-inner .card-header {
	display: flex;
	align-items: center;
}
#ad_create .history-lists-body .history-lists-inner .card-header .history-image {
	margin-right: 6px;
	width: 40px;
}
#ad_create .history-lists-body .history-lists-inner .card-header .history-image img {
	width: 100%;
	border-radius: 4px;
}
#ad_create .history-lists-body .history-lists-inner .card-header .history-movie-block .history-movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none !important;
	border-radius: 8px;
}
#ad_create .history-lists-body .card-title {
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: normal;
}
#ad_create .history-lists-body .history-lists-contents {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#ad_create .history-lists-body .history-lists-contents .history-ana-block {
	flex: 1;
	display: flex;
	justify-content: flex-start;
	margin-right: 16px;
}
#ad_create .history-lists-body .history-lists-contents .history-ana {
	flex: 1;
	padding: 0;
	text-align: center;
	border-right: 1px solid #ddd;
}
#ad_create .history-lists-body .history-lists-contents .history-ana:first-child {
	padding-left: 0;
}
#ad_create .history-lists-body .history-lists-contents .history-ana:last-child {
	padding-right: 0;
	border-right: none;
}
#ad_create .history-lists-body .history-lists-contents .history-ana .history-ana-title {
	color: #777;
	font-size: 9px;
}
#ad_create .history-lists-body .history-lists-contents .history-ana .history-ana-num {
	color: #555;
	font-weight: 600;
}
#ad_create .history-lists-body .history-lists-contents .history-ana .history-ana-info {
	color: #777;
	font-size: 11px;
}
#ad_create .history-lists-body .history-lists-contents .history-btn .btn {
	font-size: 12px;
}
#ad_create .history-lists-body .history-lists-footer {
	display: flex;
	align-items: center;
	margin-top: 8px;
	padding: 8px;
	color: #777;
	font-size: 11px;
	border-radius: 32px;
	background: #f8f9fa;
}
#ad_create .history-lists-body .history-lists-footer .click-icon {
	font-size: 14px;
}
#search_medias_lists {
	padding: 16px;
	border-radius: 8px;
	background: #f8f9fa;
}
#search_medias_lists .card-name-block {
	display: table;
	width: 100%;
}
#search_medias_lists .card {
	border: none;
	border: 2px solid #ddd;
	/* box-shadow: 0 3px 6px rgba(0,0,0,0.15); */
}
#search_medias_lists .card .cover {
	height: 15vh;
	background-color: #eceff1;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%2390a4ae' fill-opacity='0.4'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#search_medias_lists .card .cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#search_medias_lists .card-name-block .icon {
	display: table-cell;
	width: 30px;
	vertical-align: middle;
	border-radius: 50%;
}
#search_medias_lists .card-name-block .icon img {
	border-radius: 50%;
}
#search_medias_lists .card-name-block .name {
	display: table-cell;
	vertical-align: middle;
	padding-left: 8px;
	font-size: 14px;
	font-weight: 600;
}
#search_plans_lists {
	padding: 16px;
	border-radius: 8px;
	background: #f8f9fa;
}
#search_plans_lists .card {
	display: block;
	margin-bottom: 16px;
	padding: 16px;
	border: none;
	box-shadow: 0 1px 6px rgba(0,0,0,0.2);
	overflow: hidden;
}
#search_plans_lists .card:last-child {
	margin-bottom: 0;
}
/* #search_plans_lists .card.active {
	border: 2px solid #303F9F;
	background: #fff;
	box-shadow: 0 3px 12px rgba(0,0,0,0.15);
	transition: all 0.3s ease;
} */
#search_plans_lists .card .card-image {
	float: left;
	width: 20%;
}
#search_plans_lists .card .card-image img {
	width: 100%;
	border-radius: 4px;
}
#search_plans_lists .card .card-body {
	float: left;
	width: 80%;
	padding: 0;
	padding-left: 16px;
}
#search_plans_lists .card .card-title {
	font-size: 14px;
	font-weight: 600;
}
#search_plans_lists .card .card-title {
	font-size: 16px;
	font-weight: 600;
}
#search_plans_lists .card .card-contents {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	margin-top: 16px;
	padding: 8px 0;
	text-align: center;
	border-top: 1px solid #eee;
}
	#search_plans_lists .card .card-display {
		margin-right: 8px;
		padding: 0;
	}
	#search_plans_lists .card .card-display span {
		margin: 0 4px;
		color: #999;
		font-size: 16px;
	}
	#search_plans_lists .card .card-display span:first-child {
		margin-left: 0;
	}
	#search_plans_lists .card .card-display span:last-child {
		margin-right: 0;
	}
	#search_plans_lists .card .card-price {
		color: #333;
		font-size: 16px;
		font-weight: 600;	
		line-height: 1.0;
		border-radius: 4px;
		background: #fff;
	}
	#search_plans_lists .card .card-price span {
		font-size: 13px;
	}
#search_plans_lists .search-plan-card {
	margin-bottom: 8px;
	padding: 16px;
	border-radius: 8px;
	border: 1px solid #ddd;
}
#search_plans_lists .search-plan-card.active {
	border: 2px solid #0570de;
	background: #fff;
	box-shadow: 0 3px 12px rgba(0,0,0,0.15);
	transition: all 0.3s ease;
}
	#search_plans_lists .search-plan-card .search-plan-card-name {
		margin-bottom: 8px;
		color: #999;
		font-size: 12px;
	}
	#search_plans_lists .search-plan-card .search-plan-card-price {
		margin-bottom: 10px;
		color: #333;
		font-size: 20px;
		font-weight: 600;	
		line-height: 1.0;
		border-radius: 4px;
		background: #fff;
	}
	#search_plans_lists .search-plan-card .search-plan-card-price span {
		font-size: 13px;
	}
	#search_plans_lists .search-plan-card .search-plan-card-info {
		color: #777;
		font-size: 13px;
	}

/*** ad_create ***/
.adslo-add-image-lists {
	margin-bottom: 16px;
	padding: 16px;
	color: #666;
	text-align: center;
	border-radius: 4px;
	border: 1px dashed #ddd;
	background: #f8f9fa;
}
#ad_create #add_image_preview .loading-icon {
	padding-top: 50px;
	padding-bottom: 16px;
}
#ad_create #add_image_preview .loading-icon i {
	font-size: 20px;
}
#ad_create #add_image_preview .loading-text {
	padding-bottom: 48px;
	color: #777;
}
#ad_create .add-image-btn {
	margin-top: 16px;
	text-align: center;
}
#ad_create .add-image-btn label {
	margin-bottom: 8px;
	padding: 8px 16px;
	color: #555;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #ccc;
	background: #fff;
	cursor: pointer;
}
#ad_create .add-image-btn label i {
	margin-right: 6px;
}
#ad_create .add-image-btn label:hover {
	background: #ddd;
}
#ad_create .add-image-block {
	position: relative;
	padding: 8px;
}
#ad_create .add-image-block img {
	/* border: 1px solid #ddd; */
	max-height: 250px;
	border-radius: 2px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.3);
}
#ad_create .add-image-block .add-image-delete-btn {
	position: absolute;
	top: -10px;
	right: -3px;
	width: 24px;
	height: 24px;
	text-align: center;
	/* border-radius: 50%;
	border: 2px solid #ECEFF1;
	background: #333; */
	transition: all 0.2s ease;
	cursor: pointer;
}
#ad_create .add-image-block .add-image-delete-btn i {
	color: #666;
	font-size: 24px;
	font-weight: normal;
}
#ad_create .add-image-block .add-image-delete-btn i:hover {
	color: #000;
	transition: all 0.2s ease;
}
/* multiple */
#ad_create .add-image-multiple-block {
	position: relative;
	padding: 16px 8px;
}
#ad_create .add-image-multiple-block img {
	/* border: 1px solid #ddd; */
	max-height: 250px;
	border-radius: 2px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.3);
}
#ad_create #add_image_multiple_preview {
	counter-reset: item;
}
#ad_create .add-image-list {
	position: relative;
}
#ad_create .add-image-list .bi-x-circle-fill::before {
  background: #fff;
  border-radius: 50%;
  border: 1px solid #fff;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
}
#ad_create .add-image-list:nth-child(-n+10)::before {
	counter-increment: item;
    content: "#" counter(item);
	position: absolute;
	top: 4px;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 100%;
	padding: 2px 8px;
	color: #aaa;
	font-size: 12px;
	font-weight: bold;
	border-radius: 4px 4px 0 0;
	/* background: #e2f5fd; */
}
#ad_create .add-image-list:first-child::before {
	counter-increment: item;
    content: "#1 (サムネイル)";
	position: absolute;
	top: 4px;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 100%;
	padding: 2px 8px;
	color: #aaa;
	font-size: 12px;
	font-weight: bold;
	border-radius: 4px 4px 0 0;
	/* background: #e2f5fd; */
}
#ad_create .add-image-multiple-block .add-image-multiple-delete-btn {
	position: absolute;
	top: -4px;
	right: -3px;
	width: 24px;
	height: 24px;
	text-align: center;
	/* border-radius: 50%;
	border: 2px solid #ECEFF1;
	background: #333; */
	transition: all 0.2s ease;
	cursor: pointer;
}
#ad_create .add-image-multiple-block .add-image-multiple-delete-btn i {
	color: #666;
	font-size: 24px;
	font-weight: normal;
}
#ad_create .add-image-multiple-block .add-image-multiple-delete-btn i:hover {
	color: #000;
	transition: all 0.2s ease;
}
#ad_create .adslo-display-type-list {
	margin-top: 32px;
	margin-bottom: 16px;
}
#ad_create #ads_youtube_preview {
	margin-bottom: 32px;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	background: #ECEFF1 url('../img/ads_yt_upload_background.png') center center no-repeat;
	background-size: cover;
}
#ad_create #ads_youtube_preview iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
#ad_create .card-spec {
	padding: 0;
	border-radius: 4px;
	background: #fff;
}
#ad_create .card-spec dl {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#ad_create .card-spec dl > dt {
	width: 25%;
	margin-bottom: 0.5rem;
	padding: 0.5rem;
	color: #666 !important;
	font-size: 12px;
	text-align: center;
	border-radius: 4px;
	background: #f8f9fa;
}
#ad_create .card-spec dl > dd {
	width: 70%;
	/* padding: 0.5rem; */
	font-weight: normal;
}
#ad_create .card-spec dl > dd:last-child {
	border-bottom: none;
}
#ad_create .card-spec dl > dd .price {
	margin-right: 6px;
	/* color: #303f9f; */
	font-size: 20px;
	font-weight: bold;
	line-height: 1.0;
}
#ad_create .adlo-check-block {
	padding: 16px;
	border-radius: 4px;
	border: 1px solid #ddd;
	background: #f8f9fa;
}
.adslo-block {
    overflow: hidden;
}
.adslo-block .swiper-main-block {
	position: relative;
	background: #fff;
	overflow: hidden;
}
.adslo-block .swiper-pagination {
	position: static !important;
	margin-top: 6px;
}
.adslo-block .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #ddd;
	opacity: 1;
}
.adslo-block .swiper-pagination-bullet-active {
	background: #0570DE;
}
/*=================================
	#home_payment
=================================*/
/* #payment .nav-tabs {
	border: none;
}
#payment .nav-pills .nav-link {
	color: #666;
	background: #f8f9fa;
}
#payment .nav-pills .nav-link.active,
#payment .nav-pills .show > .nav-link {
	color: #fff;
	background: #0570DE;
}
#payment .nav-pills .nav-link.active {
  padding: 0.5rem;
}
#payment .nav-pills .nav-link.active i {
  margin-right: 3px;
}
#payment .nav-pills .nav-link:hover {
  color: #333;
  background: #ECEFF1;
}
#payment .nav-pills .nav-link.active:hover {
  color: #fff;
  background: #0570DE;
  transition: all 0.3s ease;
} */
#payment .payment-type-list a .d-flex {
	color: #333;
}
#payment .payment-type-list .d-flex:hover {
	background: #ECEFF1;
}
#payment .payment-type-list .d-flex.active {
	font-weight: 600;
	background: #ECEFF1;
}
#payment .payment-type-list .d-flex img {
	width: 40px;
	border-radius: 2px;
	background: #fff;
}
#payment .payment-type-list a .d-flex .plan-name {
	color: #333;
}
#payment .payment-type-list a .d-flex .plan-media-name {
	color: #999;
	font-size: 13px;
}
#payment .payment-sub-bg {
	background: #4CAF50;
}
#payment .payment-sub-block {
	margin: 1px;
	padding: 8px;
	text-align: center;
	border-radius: 8px;
	/* border-top: 1px solid #43A047;
	border-bottom: 1px solid #66BB6A; */
	background: #F1F8E9; /*03A9F4*/
}
	#payment .payment-sub-block .payment-sub-title {
		margin-bottom: 4px;
		color: #999;
	}
	#payment .payment-sub-block .payment-sub-num {
		color: #333;
		font-size: 32px;
		font-weight: 600;
	}
	#payment .payment-sub-block .payment-sub-num span.unit {
		color: #333;
		font-size: 14px;
	}
/*=================================
	#ad_ana
=================================*/
#ad_ana .adslo-movie {
	position: relative;
	width: 102px;
    padding-top: 56.25%; /* ratio 16:9 */
	margin-right: 16px;
}
#ad_ana .adslo-movie iframe {
    position: absolute;
    top:0;
    left:0;
	right: 0;
    width:100%;
    height:100%;
	border: none !important;
}
#ad_ana #ad_ana_summary .flex-shrink-0 .adslo-image {
	width: 80px;
}
#ad_ana #ad_ana_summary .flex-shrink-0 .adslo-image img {
	width: 100%;
	border-radius: 4px;
}
#ad_ana #ad_ana_summary .flex-grow-1 .adslo-name {
	color: #333;
	font-size: 18px;
	font-weight: 600;
}
#ad_ana #ad_ana_summary .flex-grow-1 .adslo-title {
	margin-top: 8px;
	color: #666;
}
#ad_ana .ana-date-lists {
	margin-bottom: 8px;
}
#ad_ana .ana-date-lists .nav {
	justify-content: end;
}
#ad_ana .ana-date-lists .nav .nav-item {
	margin-bottom: 8px;
}
#ad_ana .ana-date-lists .nav .nav-item a {
	color: #777;
	font-size: 12px;
	border-radius: 4px 4px 0 0;
	background: transparent;
}
#ad_ana .ana-date-lists .nav .nav-link {
	border-bottom: 2px solid transparent;
}
#ad_ana .ana-date-lists .nav .nav-link:hover {
	color: #0570DE;
	border-bottom: 2px solid #0570DE;
}
#ad_ana .ana-date-lists .nav .nav-link.active {
	color: #0570DE;
	font-weight: 600;
	border-bottom: 2px solid #0570DE;
	background: transparent;
}
.no-data {
	padding: 16px;
	color: #999;
	text-align: center;
}
/* 日曜日：赤 */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7n + 1),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n + 1) {
    color: red;
}
 
/* 土曜日：青 */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n) {
    color: blue;
}

.flatpickr-current-month {
  display: flex;
  justify-content: center;
}

.cur-year {
  order : 1;
}

/* .cur-month:before  {
   content: '年　';
} */

.cur-month {
  order: 2;
}

.flatpickr-current-month span.cur-month {
  font-weight : 300;
  padding-top : 4px;
}
#ad_ana .history-lists-block {
	position: sticky;
	top: 107px;
}
#ad_ana .history-lists-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
	font-weight: 600;
}
#ad_ana .history-lists-body {
	padding: 16px;
	border-radius:8px;
	border: 1px solid #ddd;
	background: #fff;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-ms-overflow-style: none;
}
#ad_ana .history-lists-body .history-lists-inner {
	height: 100%;
}
#ad_ana .history-lists-body .history-lists-inner .history-lists-info {
	margin-bottom: 8px;
}
#ad_ana .history-lists-body .history-lists-inner .history-lists-info-no {
	color: #999;
	text-align: center;
}
#ad_ana .history-lists-body .history-lists-inner .card-header {
	display: flex;
	align-items: center;
}
#ad_ana .history-lists-body .history-lists-inner .card-header .history-image {
	margin-right: 6px;
	width: 40px;
}
#ad_ana .history-lists-body .history-lists-inner .card-header .history-image img {
	width: 100%;
	border-radius: 4px;
}
#ad_ana .history-lists-body .history-lists-inner .card-header .history-ads-name {
	font-size: 12px;
	line-height: 1.3;
}
#ad_ana .history-lists-body .history-lists-inner .card-header .history-movie-block .history-movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none !important;
	border-radius: 8px;
}
#ad_ana .history-lists-body .card-body {
	padding: 16px 4px;
}
#ad_ana .history-lists-body .card-title {
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: normal;
}
#ad_ana .history-lists-body .history-lists-contents {
	margin: 0;
}
#ad_ana .history-lists-body .history-lists-contents .history-ana-block {
	display: flex;
	justify-content: space-between;
}
#ad_ana .history-lists-body .history-lists-contents .history-ana {
	flex: 1;
	padding: 0;
	text-align: center;
	border-right: 1px solid #ddd;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#ad_ana .history-lists-body .history-lists-contents .history-ana:first-child {
	padding-left: 0;
}
#ad_ana .history-lists-body .history-lists-contents .history-ana:last-child {
	padding-right: 0;
	border-right: none;
}
#ad_ana .history-lists-body .history-lists-contents .history-ana .history-ana-title {
	color: #777;
	font-size: 9px;
}
#ad_ana .history-lists-body .history-lists-contents .history-ana .history-ana-num {
	color: #555;
	font-weight: 600;
}
#ad_ana .history-lists-body .history-lists-contents .history-ana .history-ana-info {
	color: #777;
	font-size: 11px;
}
#ad_ana .history-lists-body .history-lists-footer {
	margin-top: 8px;
	padding: 0 8px;
	text-align: right;
}
#ad_ana .history-lists-body .history-lists-footer .history-btn a {
	font-size: 12px;
}
#ad_ana .history-lists-body .history-lists-footer .click-icon {
	font-size: 14px;
}
/*=================================
	#profile
=================================*/
.profile-header-nav {
	width: 100%;
	overflow: hidden;
}
	.profile-header-nav ul.profile-header-nav-list {
		margin: 0;
		padding: 0;
		padding-top: 8px;
		list-style: none;
		background: transparent;
		overflow: hidden;
	}
		.profile-header-nav ul.profile-header-nav-list > li {
			float: left;
			width: 25%;
			text-align: center;
		}
		.profile-header-nav ul.profile-header-nav-list > li a {
			display: block;
			padding: 12px;
			color: #333;
			border-radius: 8px 8px 0 0;
			border-bottom: 1px solid #ddd;
			transition: all 0.3s ease;
		}
		.profile-header-nav ul.profile-header-nav-list > li a i {
			margin-right: 6px;
		}
		.profile-header-nav ul.profile-header-nav-list > li a:hover {
			color: #0570DE;
			font-weight: 600;
			text-decoration: none;
			border-radius: 8px 8px 0 0;
			border-bottom: 1px solid #0570DE;
		}
		.profile-header-nav ul.profile-header-nav-list > li.active a {
			border-radius: 8px 8px 0 0;
			border-bottom: 1px solid #0570DE;
			/* box-shadow: 0 3px 12px rgba(0,0,0,0.2); */
		}
		.profile-header-nav ul.profile-header-nav-list > li.active a {
			color: #0570DE;
			font-weight: 600;
		}
		.profile-header-nav ul.profile-header-nav-list > li.active a:hover {
			border-radius: 8px 8px 0 0;
		}
.setting-header-nav {
	width: 100%;
	overflow: hidden;
}
.setting-header-nav.not-set-nav {
	margin: 0 auto;
	max-width: 576px;
	overflow: hidden;
}
	.setting-header-nav ul.setting-header-nav-list {
		margin: 0;
		padding: 0;
		padding-top: 8px;
		list-style: none;
		background: transparent;
		overflow: hidden;
	}
		.setting-header-nav ul.setting-header-nav-list > li {
			float: left;
			width: 50%;
			text-align: center;
		}
		.setting-header-nav ul.setting-header-nav-list.not-set-list > li {
			width: 100%;
			text-align: center;
		}
		.setting-header-nav ul.setting-header-nav-list > li a {
			display: block;
			padding: 12px;
			color: #333;
			border-radius: 8px 8px 0 0;
			border-bottom: 1px solid #ddd;
			transition: all 0.3s ease;
		}
		.setting-header-nav ul.setting-header-nav-list > li a i {
			margin-right: 6px;
		}
		.setting-header-nav ul.setting-header-nav-list > li a:hover {
			color: #0570DE;
			font-weight: 600;
			text-decoration: none;
			border-radius: 8px 8px 0 0;
			border-bottom: 1px solid #0570DE;
		}
		.setting-header-nav ul.setting-header-nav-list > li.active a {
			border-radius: 8px 8px 0 0;
			border-bottom: 1px solid #0570DE;
			/* box-shadow: 0 3px 12px rgba(0,0,0,0.2); */
		}
		.setting-header-nav ul.setting-header-nav-list > li.active a {
			color: #0570DE;
			font-weight: 600;
		}
		.setting-header-nav ul.setting-header-nav-list > li.active a:hover {
			border-radius: 8px 8px 0 0;
		}
.profile-user-icon {
	margin: 64px auto;
	margin-bottom: 16px;
	width: 180px;
	border-radius: 50%;
}
	.profile-user-icon img {
		width: 100%;
		border-radius: 50%;
	}
.profile-user-name {
	margin: 16px auto;
	margin-bottom: 4px;
	color: #263238;
	font-size: 30px;
	text-align: center;
	font-family: 'Hind Guntur', sans-serif;
}
.profile-user-author {
	margin-bottom: 32px;
	text-align: center;
}
.profile-user-author span {
	padding: 8px 32px;
	color: #666;
	font-weight: 600;
}
.profile-user-author-edit {
	margin-top: 4px;
	margin-bottom: 32px;
	text-align: center;
}
.profile-user-email {
	margin: 16px auto;
	margin-top: 32px;
	color: #263238;
	text-align: center;
}
.profile-user-created {
	margin: 16px auto;
	color: #263238;
	text-align: center;
}
.profile-user-drawal {
	text-align: center;
}
.profile-form,
.setting-form {
	margin: 0 auto;
	width: 100%;
	max-width: 576px;
	padding: 16px 0 !important;
}
	.profile-form .previews {
		margin-top: 16px !important;
		width: 50%;
		margin: 0 auto;
	}
	.profile-form .previews > img {
		width: 100%;
		border: 1px solid #ddd;
	}
.profile-title {
	margin: 16px 0;
	padding: 8px 16px;
	margin-bottom: 32px;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	border-radius: 8px;
	background: #ECEFF1;
}
	.profile-title svg {
		color: #FFC107;
	}
.profile-form-title {
	margin-top: 32px;
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 600;
}
.profile-form-image {
	margin: 0 auto;
	width: 60px;
}
	.profile-form-image img {
		width: 60px;
		border-radius: 8px;
		/* border: 1px solid #ddd; */
		box-shadow: 0 1px 6px 0 rgba(0,0,0,0.2);
	}
.profile-form-qrcode {
	margin: 0 auto;
	margin-bottom: 16px;
	width: 120px;
}
	.profile-form-qrcode img {
		border-radius: 8px;
		/* border: 1px solid #ddd; */
		box-shadow: 0 1px 6px 0 rgba(0,0,0,0.2);
	}
.profile-form-create-qrcode {
	margin: 0 auto;
	margin-bottom: 16px;
	width: 240px;
}
	.profile-form-create-qrcode img {
		border-radius: 8px;
		/* border: 1px solid #ddd; */
		box-shadow: 0 1px 6px 0 rgba(0,0,0,0.2);
	}
.profile-form-info {
	margin: 16px 0;
	padding: 0;
}
	.profile-form-info .card-two-factor-method {
		border: 1px solid transparent;
		border-radius: 8px;
		background: #fff;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
	}
	.profile-form-info .card-header {
		border-radius: 8px 8px 0 0;
		background: #fff;
	}
	.profile-form-info ol {
		list-style-type: decimal;
	}
#resendMsg {
	color: #555;
	font-style: italic;
}
.profile-img-thumbnail {
	width: 120px;
	border-radius: 50%;
	border: 1px solid #ECEFF1;
}
.profile-form-sp-only-code {
	margin-top: 16px;
	padding: 8px 0;
	text-align: center;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #f8f9fa;
}
.copy-clipboard-text  {
	margin-top: 4px;
	color: #777;
	font-size: 13px;
	text-align: center;
}
.profile-drawal-info {
	margin: 16px 0;
	padding: 0;
}
.profile-drawal-btn {
	margin-top: 32px;
	text-align: center;
}
.profile-form .delete-btn {
	margin-top: 32px;
	padding-top: 32px;
	border-top: 1px solid #ddd;
}
.profile-connect-block {
	margin-top: 32px;
}
.profile-connect-block .connect-text {
	margin-bottom: 32px;
}
.profile-connect-block .connect-status {
	margin-bottom: 32px;
}
.profile-connect-block .connect-btn {
	text-align: center;
}
.connect-stripe-info {
	margin-top: 16px;
	padding: 16px;
	/* border: 1px solid #ddd; */
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 1px 8px rgba(0,0,0,0.1);
}
.connect-stripe-info .connect-status {
	margin: 16px 0;
	margin-top: 32px;
	color: #999;
	text-align: center;
}
.connect-stripe-info .flex-shrink-0 {
	width: 80px;
}
.connect-stripe-info .flex-shrink-0 img {
	width: 120%;
}
.profile-payment-block {
	margin-top: 32px;
}
.profile-payment-block .payment-text {
	margin-bottom: 32px;
}
.profile-payment-block .payment-method-contents {
	/* margin-left: 8px;
	margin-right: 8px; */
	padding: 16px;
	border-radius: 8px 8px 0 0;
	background: #e2f5fd; /* #e2f5fd; */
}
.profile-payment-block .payment-method-contents .payment-method-company {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.profile-payment-block .payment-method-contents .payment-method-company .image {
	width: 40px;
	margin-right: 8px;
}
.profile-payment-block .payment-method-contents .payment-method-company .image img {
	width: 100%;
	border-radius: 50%;
}
.profile-payment-block .payment-method-contents .payment-method-company .name {
	color: #222;
	font-size: 16px;
	font-weight: 600;
}
.profile-payment-block .payment-method-list {
	margin-bottom: 32px;
	padding: 32px 16px;
	text-align: center;
	/* border: 1px solid #ddd; */
	box-shadow: 0 1px 6px rgba(0,0,0,0.15);
}
.profile-payment-block .payment-method-list:last-child {
	margin-bottom: 0;
}
.profile-payment-block .payment-method-list .payment-method-header {
	margin-bottom: 8px;
	color: #999;
	font-size: 12px;
}
.profile-payment-block .payment-method-list .payment-method-summary {
	font-weight: 600;
}
.profile-payment-block .payment-method-ad-block {
	margin-top: 8px;
	margin-bottom: 16px;
}
.profile-payment-block .payment-method-ad-block a {
	color: #0570de;
}
.profile-payment-block .payment-method-ad-block .collapse {
	margin-top: 16px;
}
.profile-payment-block .payment-method-ad-block .list-group-item .adslo-name {
	font-weight: 600;
}
.profile-payment-block .payment-method-ad-block .list-group-item .adslo-media-name {
	color: #999;
	font-size: 12px;
}
/*=================================
	#home_plan
=================================*/
#plans table {
	/* white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; */
}
#plans table td {
	word-break : break-all;
}
#plans table td.active {
	border-left: 0px solid #5C6BC0;
}
#plans table td.active-draft {
	padding-left: 36px;
}
#plans table td .plans-draft-icon {
	display: table-cell;
	padding-left: 36px;
	padding-right: 16px;
	font-size: 16px;
	text-align: right;
	vertical-align: middle;
}
#plans table .plans-summary {
	display: flex;
	align-items: center;
}
#plans table .plans-summary .plans-package-icon {
	width: 60px;
	min-width: 60px;
	height: 80px;
	margin: 0 auto;
	padding-right: 16px;
	text-align: center;
	vertical-align: middle;
}
#plans table .plans-summary .plans-package-icon i {
	margin: 0 16px;
	color: #777;
	font-size: 24px;
}
#plans table .plans-summary .plans-image {
	width: 120px;
	min-width: 120px;
	/* height: 80px; */
	margin: 0 auto;
	margin-right: 16px;
	text-align: center;
	vertical-align: middle;
}
	#plans table .plans-image img {
		/* width: 100% !important; */
		max-height: 80px;
		border-radius: 8px;
		/* border: 1px solid #ddd; */
		background: #fff;
	}
#plans table .plans-summary .plans-movie-block {
	/* height: 80px; */
	text-align: center;
	vertical-align: middle;
}
#plans table .plans-summary .plans-movie {
	position: relative;
	width: 120px;
    padding-top: 56.25%; /* ratio 16:9 */
	margin-right: 16px;
	border-radius: 8px;
}
#plans table .plans-summary .plans-movie iframe {
    position: absolute;
    top:0;
    left:0;
	right: 0;
    width:100%;
    height:100%;
	border: none !important;
	border-radius: 8px;
}
#plans table .plans-summary .plans-name {
	flex: 1;
	color: #222;
	font-weight: 600;
	text-align: left;
}
#plans table .plans-summary .plans-name .plans-name-no-link {
	display: block;
	margin-bottom: 10px;
}
#plans table .plans-summary .plans-name a:not(.btn) {
	display: block;
	margin-bottom: 8px;
	color: #222;
	font-weight: 600;
}
#plans table .plans-summary .plans-name i {
	color: #222;
}
#plans table .canceled-block {
	background: #f8f9fa;
}
#plans table .canceled-block .plans-summary .plans-image {
	opacity: 0.5;
}
#plans table .canceled-block .plans-summary .plans-name {
	color: #666;
	font-weight: normal;
}
/*** plan_create ***/
.plans-create-table {
	/* max-width: 768px; */
	padding: 0;
}
.plans-create-table table {
	margin-bottom: 0;
}
.plans-create-table table > tbody > tr > th,
.plans-create-table table > tbody > tr > td {
	padding: 16px 8px;
	border: none;
	vertical-align: middle;
}
.plans-create-table table > tbody > tr > th {
	width: 25%;
	color: #999;
	text-align: right;
}
.plans-create-table table > tbody > tr > td {
	font-size: 16px;
	border-bottom: 1px solid #ddd;
}
.plans-create-table table > tbody > tr:last-child > th,
.plans-create-table table > tbody > tr:last-child > td {
	border: none;
}
.plans-create-table table > tbody > tr > td.image img {
	max-width: 50%;
	max-height: 500px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}
.plans-add-image-lists {
	margin-bottom: 16px;
	padding: 16px;
	color: #666;
	text-align: center;
	border-radius: 4px;
	border: 1px dashed #ddd;
	background: #f8f9fa;
}
#plan_create .plans-add-image-lists .summary-caution {
	margin-top: 16px;
	color: #777;
	font-size: 12px;
}
#plan_create #add_image_preview .loading-icon {
	padding-top: 50px;
	padding-bottom: 16px;
}
#plan_create #add_image_preview .loading-icon i {
	font-size: 20px;
}
#plan_create #add_image_preview .loading-text {
	padding-bottom: 48px;
	color: #777;
}
#plan_create .add-image-btn {
	margin-top: 32px;
	text-align: center;
}
#plan_create .add-image-btn label {
	margin-bottom: 8px;
	padding: 8px 16px;
	color: #555;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #ccc;
	background: #fff;
	cursor: pointer;
}
#plan_create .add-image-btn label i {
	margin-right: 6px;
}
#plan_create .add-image-btn label:hover {
	background: #ddd;
}
#plan_create .add-image-list {
	position: relative;
}
#plan_create .add-image-list .bi-x-circle-fill::before {
  background: #fff;
  border-radius: 50%;
  border: 1px solid #fff;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
}
/* #plan_create .add-image-list:first-child {
	position: relative;
	border-radius: 8px;
	border: 1px solid #0570DE;
} */
/* #plan_create .add-image-list:first-child::before {
	content: 'サムネイルに適用';
	position: absolute;
	top: -2px;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	padding: 2px 8px;
	color: #fff;
	font-size: 9px;
	border-radius: 32px;
	background: #0570DE;
} */
#plan_create #add_image_preview,
#plan_create #add_image_multiple_preview {
	counter-reset: item;
}
#plan_create .add-image-list:nth-child(-n+10)::before {
	counter-increment: item;
    content: "#" counter(item);
	position: absolute;
	top: 3px;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 100%;
	padding: 2px 8px;
	color: #999;
	font-size: 12px;
	font-weight: bold;
	border-radius: 4px 4px 0 0;
	/* background: #e2f5fd; */
}
#plan_create .add-image-list:first-child::before {
	counter-increment: item;
    content: "#1 (サムネイル)";
	position: absolute;
	top: 3px;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 100%;
	padding: 2px 8px;
	color: #999;
	font-size: 12px;
	font-weight: bold;
	border-radius: 4px 4px 0 0;
	/* background: #e2f5fd; */
}
#plan_create .add-image-list-confirm {
	position: relative;
}
/* #plan_create .add-image-list-confirm:first-child {
	position: relative;
	border-radius: 4px;
	border: 2px solid #e2f5fd;
} */
/* #plan_create .add-image-list-confirm:first-child::before {
	content: 'サムネイル';
	position: absolute;
	top: -4px;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	padding: 2px 8px;
	color: #0570DE;
	font-size: 9px;
	border-radius: 32px;
	background: #e2f5fd;
} */
#plan_create .add-image-list-confirm:nth-child(-n+10)::before {
	counter-increment: item;
    content: "#" counter(item);
	position: absolute;
	top: 3px;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 100%;
	padding: 2px 8px;
	color: #aaa;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-radius: 4px 4px 0 0;
	/* background: #e2f5fd; */
}
#plan_create .add-image-list-confirm:first-child::before {
	counter-increment: item;
    content: "#1 (サムネイル)";
	position: absolute;
	top: 3px;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 100%;
	padding: 2px 8px;
	color: #aaa;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-radius: 4px 4px 0 0;
	/* background: #e2f5fd; */
}
#plan_create .add-image-block {
	position: relative;
	padding: 16px 8px;
}
#plan_create .add-image-block img {
	/* border: 1px solid #ddd; */
	max-height: 250px;
	border-radius: 2px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}
#plan_create .add-image-block .add-image-delete-btn {
	position: absolute;
	top: -3px;
	right: -3px;
	width: 24px;
	height: 24px;
	text-align: center;
	/* border-radius: 50%;
	border: 2px solid #ECEFF1;
	background: #333; */
	transition: all 0.2s ease;
	cursor: pointer;
}
/* #plan_create .add-image-block .add-image-delete-btn:hover {
	border: 2px solid #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.5);
	transform: scale(1.2, 1.2);
	transition: all 0.2s ease;
} */
#plan_create .add-image-block .add-image-delete-btn i {
	color: #666;
	font-size: 24px;
	font-weight: normal;
}
#plan_create .add-image-block .add-image-delete-btn i:hover {
	color: #000;
	transition: all 0.2s ease;
}
#plan_create .plans-media-block {
	padding: 0;
}
	#plan_create .plans-media-list {
		padding: 8px;
	}
	#plan_create .plans-media-list .plans-media-title {
		padding: 16px 8px;
		text-align: center;
	}
	#plan_create .plans-media-list label {
		width: 100%;
		border-radius: 6px;
		border: 1px solid #ddd;
		cursor: pointer;
	}
	#plan_create .plans-media-list label.active {
		border: 1px solid #303F9F;
		background: #ECEFF1;
		/* box-shadow: 0 3px 12px rgba(0,0,0,0.15); */
		/* transform: scale(1.03); */
	}
	#plan_create .plans-media-list label:hover {
		border: 1px solid #303F9F;
		transition: all 0.3s ease;
	}
	#plan_create .plans-media-contents {
		display: table;
		width: 100%;
	}
	#plan_create .plans-media-contents .image {
		display: table-cell;
		width: 20%;
		padding: 8px;
		padding-right: 0;
		text-align: center;
		vertical-align: middle;
	}
	#plan_create .plans-media-contents .image img {
		width: 50px;
		border-radius: 50%;
		background: #fff;
	}
	#plan_create .plans-media-contents .desc {
		display: table-cell;
		width: 80%;
		padding: 8px;
		font-weight: 500;
		vertical-align: middle;
	}
#plan_create .plans-type-block {
	padding: 0;
}
	#plan_create .plans-type-list {
		padding: 8px;
	}
	#plan_create .plans-type-list .plans-type-title {
		padding: 8px;
		padding-top: 16px;
		font-weight: 500;
		text-align: center;
	}
	#plan_create .plans-type-list label {
		width: 100%;
		border-radius: 6px;
		border: 1px solid #ddd;
		cursor: pointer;
	}
	#plan_create .plans-type-list label.active {
		border: 1px solid #303F9F;
		background: #ECEFF1;
		box-shadow: 0 3px 12px rgba(0,0,0,0.15);
		transform: scale(1.03);
	}
	#plan_create .plans-type-list label:hover {
		border: 1px solid #303F9F;
		transition: all 0.3s ease;
	}
	#plan_create .plans-type-contents {
		display: table;
		width: 100%;
	}
	#plan_create .plans-type-contents .image {
		display: table-cell;
		width: 33.33333333%;
		padding: 8px;
		text-align: center;
		vertical-align: middle;
	}
	#plan_create .plans-type-contents .image img {
		width: 100%;
		border-radius: 4px;
	}
	#plan_create .plans-type-contents .image i {
		color: #303F9F;
		font-size: 50px;
	}
	#plan_create .plans-type-contents .desc {
		display: table-cell;
		width: 66.66666666%;
		padding: 8px;
		font-size: 13px;
		vertical-align: middle;
	}
	#plan_create .ex_display_type {
		display: none;
		margin-top: 16px;
	}
#plan_create .plans-period-price-block {
	padding: 16px;
	border-radius: 8px;
	/* border: 1px solid #ddd; */
	background: #f8f9fa;
}
#plan_create .plans-period-block {
	padding: 0;
}
	#plan_create .plans-period-list {
		padding: 8px;
	}
	#plan_create .plans-period-list .plans-period-title {
		padding: 8px;
		padding-top: 16px;
		font-size: 16px;
		font-weight: 600;
		text-align: center;
	}
	#plan_create .plans-period-list label {
		width: 100%;
		border-radius: 6px;
		border: 1px solid #ddd;
		cursor: pointer;
	}
	#plan_create .plans-period-list label.active {
		border: 1px solid #303F9F;
		background: #ECEFF1;
		/* box-shadow: 0 3px 12px rgba(0,0,0,0.15); */
		/* transform: scale(1.03); */
	}
	#plan_create .plans-period-list label:hover {
		border: 1px solid #303F9F;
		transition: all 0.3s ease;
	}
	#plan_create .plans-period-contents {
		display: table;
		width: 100%;
	}
	#plan_create .plans-period-contents .desc {
		display: table-cell;
		width: 66.66666666%;
		padding: 8px 16px;
		font-size: 13px;
		vertical-align: middle;
	}
#plan_create .plans-price-calc-block {
	margin-top: 16px;
	padding: 16px 0;
	font-size: 12px;
	border-top: 1px solid #ddd;
	background: #f8f9fa; 
}
	#plan_create .plans-price-calc-block .title {
		margin-bottom: 8px;
		color: #666;
		font-weight: 600;
	}
	#plan_create .plans-price-calc-block .contents {
		margin-top: 16px;
		margin-bottom: 8px;
		padding: 8px;
		color: #666;
		border-radius: 4px;
		border: 1px solid #aaa;
	}
	#plan_create .plans-price-calc-block table > tbody > tr > th {
		width: 30%;
		font-weight: normal;
		text-align: right;
	}
	#plan_create .plans-price-calc-block table > tbody > tr > td {
		width: 70%;
		text-align: center;
	}
	#plan_create .plans-price-calc-block table > tbody > tr > th > .info {
		color: #666;
		font-size: 12px;
	}
#plan_create #plans_payment_method_card_contents {
	margin-top: 16px;
	margin-bottom: 32px;
	padding: 16px;
	border-radius: 4px;
	background: #f8f9fa;
}
	#plan_create #plans_payment_method_card_contents .title {
		display: flex;
		margin-bottom: 8px;
		color: #666;
		font-weight: 600;
	}
	#plan_create #plans_payment_method_card_contents .contents {
		color: #666;
	}
	#plan_create #plans_payment_method_card_contents .contents .contents-image {
		margin: 16px 0;
	}
	#plan_create #plans_payment_method_card_contents .contents .contents-image img {
		border-radius: 4px;
	}
#plan_create #plans_payment_method_bank_contents {
	display: none;
	margin-top: 16px;
}
	#plan_create #plans_payment_method_bank_contents .method-bank-contents {
		margin-bottom: 16px;
		padding: 16px;
		border-radius: 4px;
		background: #f8f9fa;
	}
	#plan_create #plans_payment_method_bank_contents .title {
		display: flex;
		margin-bottom: 8px;
		color: #666;
		font-weight: 600;
	}
	#plan_create #plans_payment_method_bank_contents .contents {
		color: #666;
	}
#plan_create .plans-display-type-block {
	padding: 0;
}
	#plan_create .plans-display-type-list {
		padding: 8px;
	}
	#plan_create .plans-display-type-list .plans-display-type-title {
		padding: 8px;
		padding-top: 16px;
		font-weight: 500;
		text-align: center;
	}
	#plan_create .plans-display-type-list label {
		width: 100%;
		border-radius: 6px;
		border: 1px solid #ddd;
		cursor: pointer;
	}
	#plan_create .plans-display-type-list label.active {
		border: 1px solid #303F9F;
		background: #ECEFF1;
		box-shadow: 0 3px 12px rgba(0,0,0,0.15);
		transform: scale(1.03);
	}
	#plan_create .plans-display-type-list label:hover {
		border: 1px solid #303F9F;
		transition: all 0.3s ease;
	}
	#plan_create .plans-display-type-contents {
		display: table;
		width: 100%;
	}
	#plan_create .plans-display-type-contents .image {
		display: table-cell;
		width: 33.33333333%;
		padding: 8px;
		text-align: center;
		vertical-align: middle;
	}
	#plan_create .plans-display-type-contents .image img {
		width: 100%;
		border-radius: 4px;
	}
	#plan_create .plans-display-type-contents .image i {
		color: #303F9F;
		font-size: 50px;
	}
	#plan_create .plans-display-type-contents .desc {
		display: table-cell;
		width: 66.66666666%;
		padding: 8px;
		font-size: 13px;
		vertical-align: middle;
	}
#plan_create .accordion-button {
	padding: 8px 16px;
	font-size: 12px;
}
#plans_image_entry label {
	display: block;
	padding: 16px;
	color: #666;
	font-size: 12px;
	text-align: center;
	border-radius: 4px;
	border: 1px dashed #ddd; /* default css 無効 */
	background: #f8f9fa;
	cursor: pointer;
}
#plans_image_entry label:hover {
	background: #ECEFF1; /* default css #f8f9fa; */
	transition: all 0.3s ease;
}
#plans_image_entry .previews {
	margin: 0;
	margin-top: 16px;
	padding: 0;
	margin-bottom: 16px;
}
#plans_image_entry .previews img {
	max-height: 250px;
	border: 1px solid #ddd;
}
#plans_image_entry .img-summary {
	padding: 0;
	font-size: 18px;
}
#plans_image_entry .img-summary i {
	margin-right: 8px;
}
#plans_image_entry .img-summary .summary-caution {
	margin: 8px 0;
	color: #777;
	font-size: 12px;
	font-weight: normal;
}
#plans_image_entry .img-trash {
	margin: 16px 0;
	padding: 16px;
	color: #666;
	font-size: 13px;
	text-align: center;
	border: 1px solid #ddd;
	background: #fff;
	z-index: 9999;
	cursor: pointer;
}
#plans_image_entry .img-trash:hover {
	background: #ECEFF1;
	transition: all 0.3s ease;
}
#plans_image_entry .img-trash i {
	margin-right: 6px;
}
.card-header-title {
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: 600;
}
.card-item-check-lists {
	padding: 8px 16px;
}
.card-image-side-lists {
	padding-left: 32px;
}
.type-info-block {
	padding: 16px;
	font-size: 14px;
	border-radius: 8px;
	background: #FFFDE7;
}
.tool-card-display {
	padding: 32px 0;
	padding-bottom: 16px;
}
.tool-card-display .display-block {
	/* max-width: 350px; */
	margin: 0 auto;
}
#plan_publish #main_contents {
	height: 100%;
	/* background: #f8f9fa; */
}
#plan_publish #main_contents .contents-block,
#plan_cancel #main_contents .contents-block,
#setting #main_contents .contents-block {
	padding: 32px;
	border-radius: 8px;
	border: 1px solid #ddd;
	background: #fff;
}
#plan_publish .nav-tabs {
	border-bottom: 1px solid #ddd;
}
#plan_publish .nav-tabs .nav-link {
	color: #666;
	border: none;
	background: transparent;
}
#plan_publish .nav-tabs .nav-link.active {
	color: #111;
	font-weight: 600;
	border-bottom: 1px solid #111;
}
#plan_publish .tool-card-title {
	margin-bottom: 4px;
}
#plan_publish .tool-card-thumb {
	margin-bottom: 16px;
	padding: 16px;
	border-radius: 8px;
	border: 1px solid #ddd;
	background: #fff;
	/* box-shadow: 0 3px 6px rgba(0,0,0,0.15); */
}
#plan_publish .tool-card-side {
	margin-bottom: 16px;
	padding: 16px;
	border-radius: 8px;
	border: 1px solid #ddd;
	background: #fff;
	/* box-shadow: 0 3px 6px rgba(0,0,0,0.15); */
}
#plan_publish .tool-publish-block {
	margin-bottom: 32px;
	padding: 0 8px;
	border-radius: 8px;
	border: 1px solid #ddd;
}
#plan_publish .accordion-button {
	color: #666;
	font-size: 14px;
}
#plan_publish .accordion-button:not(.collapsed) {
	color: #000;
	font-weight: 600;
	background: transparent;
}
#plan_publish .accordion-button::after {
	width: 0.75rem;
	height: 0.75rem;
	background-size: 0.75rem;
}
#plan_publish .form-control-color {
	max-width: initial;
	min-width: 36px;
	padding: 4px;
}
.tool-card-code {
	margin-bottom: 16px;
	padding: 16px;
	border-radius: 8px;
	background: #fff;
	/* box-shadow: 0 3px 6px rgba(0,0,0,0.15); */
}
.tool-card-code .title {
	margin-bottom: 8px;
	font-size: 20px;
	font-weight: 600;
}
.tool-card-code .title-second {
	margin-bottom: 8px;
	padding-left: 16px;
	color: #666;
	font-size: 14px;
	font-weight: 500;
	border-left: 3px solid #ddd;
}
.tool-card-code pre {
	margin: 8px 0;
	padding: 16px;
	border-radius: 4px;
	background: #E1F5FE;
	box-shadow: inset 0 0 3px 0px rgba(0,0,0,0.3);
	white-space: pre-wrap;
}
.tool-card-code .info {
	margin: 8px 0;
	font-size: 14px;
}
.tool-card-code .url-copy-btn {
	text-align: right;
}
.tool-card-code .url-copy-btn i {
	margin-right: 6px;
}
.tool-card-code .url-copy-btn .url-copy-msg  {
	display: inline-block;
	margin-right: 6px;
	color: #777;
	font-size: 13px;
}

/* Tooltip */
.tooltip-copy::after {
    content: 'コピーしました';
    background: #263238;
    display: inline-block;
    color: #fff;
	text-shadow: none;
    border-radius: 6px;
    position: absolute;
    left: -88px;
    bottom: -6px;
    transform: translate(-50%, 0);
    font-size: 14px;
    padding: 6px 18px;
    animation: fade-tooltip .5s 5s 1 forwards;
}
 
/* Animation */
@keyframes fade-tooltip {
  to { opacity: 0; }
}
/*=================================
	#home_notification
=================================*/
ul#process_result_home {
	margin: 0;
	padding: 0;
	list-style: none;
}
	ul#process_result_home > li {
		font-weight: 600;
		word-wrap: break-word;
		border-bottom: 1px solid #ddd;
	}
	ul#process_result_home > li:last-child {
		margin-bottom: 0;
		border: none;
	}
	ul#process_result_home > li a {
		display: block;
		padding: 16px;
		color: #333;
		/* border-radius: 8px; */
		/* border-bottom: 1px solid #ddd; */
	}
	ul#process_result_home > li a:hover {
		background: #ECEFF1;
		transition: all 0.3s ease;
	}
	ul#process_result_home > li .item-block .user-icon {
		width: 50px;
	}
	ul#process_result_home > li .item-block .user-icon img {
		width: 100%;
		border-radius: 8px;
		/* border-radius: 50%; */
	}
	ul#process_result_home > li .item-block .user-name {
		color: #777;
		font-size: 13px;
		font-weight: normal;
	}
	ul#process_result_home > li .item-block .user-text {
		margin: 0;
		font-weight: 600;
	}
	ul#process_result_home > li .item-block .user-date {
		color: #777;
		font-size: 13px;
		font-weight: normal;
	}
	ul#process_result_home > li.no-process {
		padding: 64px 0;
		color: #666;
		font-size: 18px;
		font-weight: normal;
		background: #fff;
	}
	ul#process_result_home > li.no-process i {
		display: block;
		color: #aaa;
		font-size: 40px;
	}
	ul#process_result_home > li a.no-read {
		background: #E1F5FE;
	}
/*=================================
	#plans
=================================*/
#plans_lists {
	
}
#plans_lists .plan-list {
	padding: 8px 16px;
	transition: all 0.3s ease;
}
#plans_lists .plan-list:hover {
	transform: scale(1.03);
}
#plans_lists .card {
	padding-bottom: 8px;
	border: none;
	/* box-shadow: 0 3px 12px rgba(0,0,0,0.15); */
}
#plans_lists .card img {
	border-radius: 8px;
}
#plans_lists .card-title {
	color: #333;
	font-weight: 600;
}
#plans_lists .card-text {
	font-size: 14px;
}
#plans_lists .card-contents {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	margin-top: 16px;
	padding: 0;
	text-align: center;
	border-top: 1px solid #eee;
}
	#plans_lists .card-display {
		margin-right: 8px;
		padding: 0;
	}
	#plans_lists .card-display span {
		margin: 0 4px;
		color: #999;
		font-size: 16px;
	}
	#plans_lists .card-display span:first-child {
		margin-left: 0;
	}
	#plans_lists .card-display span:last-child {
		margin-right: 0;
	}
	#plans_lists .card-price {
		color: #333;
		font-size: 16px;
		font-weight: 600;	
		line-height: 1.0;
		border-radius: 4px;
		background: #fff;
	}
	#plans_lists .card-price span {
		font-size: 13px;
	}
#plans_page .swiper-main {
	position: relative;
	margin-bottom: 16px;
	border: 1px solid #ccc;
	background: #333;
    overflow-x: hidden;
}
#plans_page .swiper-thumb {
	overflow-x: hidden;
}
#plans_page .swiper-main,
#plans_page .swiper-thumb {
	margin-right: 16px;
}
#plans_page .swiper-wrapper {
	align-items: center;
	transition-timing-function: linear;
}
#plans_page .swiper-main .swiper-slide {
	height: auto;
	text-align: center;
}
#plans_page .swiper-main .swiper-slide img {
	max-height: 400px;
	/* border: 1px solid #ccc; */
}
#plans_page .swiper-thumb .swiper-slide {
	border: 3px solid #fff;
	background: #333;
	cursor: pointer;
}
#plans_page .swiper-thumb .swiper-slide img {
	opacity: .6;
	transition: opacity .5s;
}
#plans_page .swiper-thumb .swiper-slide.swiper-slide-thumb-active img {
	opacity: 1;
}
#plans_page .swiper-button-next:after,
#plans_page .swiper-button-prev:after {
	padding: 8px;
	color: #fff;
	font-size: 18px;
	border-radius: 6px;
	background: rgba(0,0,0,0.3);
}
#plans_page .plans-image-list {
	margin: 0;
	padding: 16px;
	border-radius: 4px;
}
#plans_page .plans-image-list .slick-list {
	background: #333;
}
#plans_page .plans-image-list ul.slider-plans-image-list-thumb .slick-list {
	background: #fff;
}
#plans_page .plans-image-list ul.slider-plans-image-list .slick-slide {
	margin: 0 !important;
	border: none;
	height: 250px;
	overflow: hidden;
}
#plans_page .plans-image-list ul.slider-plans-image-list .slick-slide img {
	margin: 0 auto;
	width: auto;
	height: 100%;
	border: none;
	box-shadow: 0 1px 6px rgba(0,0,0,0.2);
}
#plans_page .plans-image-list ul.slider-plans-image-list {
	margin: 0;
	padding: 0;
}
#plans_page .plans-image-list ul.slider-plans-image-list-thumb {
	margin: 0;
	padding: 0;
	padding-top: 16px;
}
#plans_page .plans-image-list ul.slider-plans-image-list-thumb .slick-slide {
	border: none;
	height: auto !important;
}
#plans_page .plans-image-list ul.slider-plans-image-list-thumb .slick-slide img {
	height: auto !important;
	border-radius: 8px;
	/* border: 1px solid #aaa; */
}
#plans_page .plans-media-block {
	margin-bottom: 16px;
	display: table;
}
#plans_page .plans-media-icon {
	display: table-cell;
	width: 36px;
}
	#plans_page .plans-media-icon img {
		width: 100%;
		border-radius: 50%;
	}
#plans_page .plans-media-name {
	display: table-cell;
	padding-left: 8px;
	vertical-align: middle;
}
#plans_page .plans-media-name h2 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 500;
}
#plans_page #media_contents {
	margin: 0;
	margin-bottom: 32px;
	padding: 16px;
	padding-bottom: 1px;
	border-radius: 4px;
	border: 1px solid #ddd;
	background: #fff;
	/* box-shadow: 0 1px 6px rgba(0,0,0,0.2); */
}
#plans_page #media_contents .media-block-cover {
	width: auto !important;
	margin: -16px;
	margin-bottom: 16px;
	height: 15vh;
	border-radius: 3px 3px 0 0;
}
#plans_page #media_contents .header-intro-block .status-block {
	border-radius: 4px;
	/* border: 1px solid #ddd; */
	background: #f8f9fa;
}
#plans_page #media_contents .header-intro-block .status-block .header-status .status-num {
	font-size: 14px;
}
#plans_page #media_contents .header-intro-block .status-block .header-status {
	width: 100%;
	flex-grow: 1;
	text-align: center;
	border-right: 1px solid #eee;
}
#plans_page #media_contents .header-intro-block .status-block .header-status:last-child {
	border-right: none;
}
#plans_page .card-spec-block {
	padding: 0;
}
#plans_page .card-spec {
	padding: 8px;
	border-radius: 4px;
	border: 1px solid #ddd;
	background: #fff;
}
#plans_page .card-spec dl {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#plans_page .card-spec dl > dt {
	/* float: left;
	width: 25%; */
	margin: 0 1rem;
	margin-bottom: 0.5rem;
	color: #666;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	/* background: #ECEFF1; */
}
#plans_page .card-spec dl > dd {
	/* float: left;
	width: 75%; */
	padding: 1rem;
	padding-top: 0;
	padding-left: 2rem;
	padding-bottom: 16px;
	font-weight: normal;
	border-bottom: 1px solid #eee;
}
#plans_page .card-spec dl > dd:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
#plans_page .card-spec dl > dd .price {
	margin-right: 6px;
	/* color: #303f9f; */
	font-size: 18px;
	font-weight: 500;
	line-height: 1.0;
}
#plans_page .packages-plans-offer-block {
	padding: 1rem;
	font-size: 13px;
	border-radius: 4px;
	/* border: 1px solid #ddd; */
	background: #f8f9fa;
}
#plans_page .packages-plans-offer-btn {
	margin: 32px 0;
	padding: 16px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 1px 6px rgba(0,0,0,0.15);
}
#plans_page .packages-plans-offer-btn .plans-offer-price {
	margin-bottom: 16px;
	text-align: center;
}
#plans_page .packages-plans-offer-btn .plans-offer-price .price-title {
	margin-bottom: 8px;
	color: #777;
	font-weight: 600;
}
#plans_page .packages-plans-offer-btn .plans-offer-price .price-num {
	font-weight: 600;
}
#plans_page .packages-plans-offer-btn .plans-offer-price .price-num span.num {
	margin-right: 6px;
	font-size: 24px;
	font-weight: 600;
}
#plans_page .packages-plans-offer-btn .plans-offer-info {
	max-width: 480px;
	margin: 0 auto;
	margin-bottom: 8px;
	padding: 8px 0;
	color: #777;
	text-align: center;
	border-top: 1px solid #eee;
}
#plans_page .packages-plans-offer-btn-modal {
	display: flex;
	justify-content:initial;
}
#plans_page .packages-plans-offer-btn-block {
	max-width: 480px;
	margin: 0 auto;
}
#plans_page .plans-offer-block {
	padding: 1rem;
	font-size: 13px;
	border-radius: 4px;
	/* border: 1px solid #ddd; */
	background: #f8f9fa;
}
#plans_page .plans-offer-btn {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fff;
}
#plans_page .plans-offer-btn .plans-offer-price {
	margin-bottom: 16px;
	text-align: center;
}
#plans_page .plans-offer-btn .plans-offer-price .price-title {
	margin-bottom: 0;
	font-weight: 600;
}
#plans_page .plans-offer-btn .plans-offer-price .price-num {
	font-weight: 600;
}
#plans_page .plans-offer-btn .plans-offer-price .price-num span.num {
	margin-right: 6px;
	font-size: 24px;
	font-weight: 600;
}
#plans_page .plans-offer-btn .plans-offer-info {
	max-width: 480px;
	margin: 0 auto;
	margin-bottom: 8px;
	padding: 8px 0;
	color: #777;
	text-align: center;
	border-top: 1px solid #eee;
}
#plans_page .plans-offer-btn-modal {
	display: flex;
	justify-content:initial;
}
#plans_page .plans-offer-btn-block {
	max-width: 480px;
	margin: 0 auto;
}
/*=================================
	#payment
=================================*/
#ad_payment .payment-method-block {
	padding: 16px;
	border-radius: 4px;
	/* background: #f8f9fa; */
}
#ad_payment .payment-method-block .payment-method-icon {
	margin-bottom: 16px;
	color: #666;
	font-size: 32px;
	text-align: center;
}
#ad_payment .payment-method-block .payment-method-image {
	width: 75%;
	margin: 0 auto;
	margin-bottom: 16px;
	text-align: center;
}
#ad_payment .payment-method-block .payment-method-image img {
	border-radius: 4px;
}
#ad_payment .payment-form-block {
	background: #fff;
}
#ad_payment .payment-form-info {
	padding: 0;
}
#ad_payment #payment_form .submit-btn .btn {
	width: 100%;
}
#ad_payment .payment-form-block .payment-form {
	
}
#ad_payment .card-spec {
	padding: 0;
	border-radius: 4px;
	background: #fff;
}
#ad_payment .card-spec dl {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#ad_payment .card-spec dl > dt {
	/* float: left;
	width: 25%; */
	margin: 0.5rem;
	margin-bottom: 0.5rem;
	padding: 0.5rem;
	color: #333;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	border-radius: 4px;
	background: #ECEFF1;
}
#ad_payment .card-spec dl > dd {
	/* float: left;
	width: 75%; */
	padding: 1rem;
	padding-top: 0;
	padding-left: 2rem;
	padding-bottom: 16px;
	font-weight: normal;
}
#ad_payment .card-spec dl > dd:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
#ad_payment .card-spec dl > dd .price {
	margin-right: 6px;
	/* color: #303f9f; */
	font-size: 20px;
	font-weight: bold;
	line-height: 1.0;
}
#ad_payment .payment-method-list {
	padding: 32px 16px;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
#ad_payment .payment-method-summary {
	font-size: 16px;
}
#ad_payment .payment-method-summary span {
	margin: 0 8px;
}
#ad_payment .payment-method-btn {
	margin-top: 32px;
}
.payment-confirm-table {
	margin-bottom: 0px;
}
.payment-confirm-table table {
	margin-bottom: 0;
	background: #fff;
}
.payment-confirm-table table > tbody > tr > th,
.payment-confirm-table table > tbody > tr > td {
	padding: 8px 16px !important;
}
.payment-confirm-table table > tbody > tr > th {
	width: 30%;
	color: #333;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	background: #f8f9fa;
}
.payment-confirm-table table > tbody > tr > td {
	text-align: left !important;
}
.payment-confirm-table table > tbody > tr > td a {
	text-decoration: underline;
}
.payment-confirm-table table > tbody > tr > td span.supple {
	color: #607D8B;
}
.payment-confirm-term-info {
	margin-bottom: 16px;
	text-align: left;
}
.payment-confirm-term {
	margin-bottom: 16px;
	padding: 16px;
	line-height: 170%;
	text-align: left;
	border-radius: 4px;
	border: 1px solid #ddd;
	background: #fff;
	box-shadow: 0 0 6px 1px rgba(0,0,0,0.15) inset;
	height: 300px;
	overflow: scroll;
}
#payment_form label {
	text-align: left;
}
#payment_form .submit-btn {
	margin-top: 16px;
	text-align: center;
}
.payment-card-type {
	margin: 0 auto;
	margin-bottom: 32px;
}
.payment-history-table table {
	margin-bottom: 0;
}
.payment-history-table table > thead > tr > th {
	background: #ECEFF1 !important;
}
/* カード情報入力欄 */
.StripeElement {
  margin: 16px 0;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid silver;
  background-color: #fff;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}
/* 入力欄にフォーカスされた時 */
.StripeElement--focus {
  border: 1px outset #0570DE;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}
/* エラー時の入力欄枠線の色 */
.StripeElement--invalid {
  border-color: #E53935;
}
/* オートコンプリートで入力した時 */
.StripeElement--webkit-autofill {
  background-color: #beddf9 !important;
}
/* 入力欄の下に出るエラーメッセージの文字色 */
#card-errors {
	margin-bottom: 16px;
	color: #E53935;
	text-align: center;
}
.payment-bank-timeline {
	margin: 0;
	margin-top: 32px;
	padding: 0;
	padding-left: 16px;
	list-style: none;
}
.payment-bank-timeline > li {
	margin: 0;
	position: relative;
}
.payment-bank-timeline-num {
	position: absolute;
	left: -12px;
	top: -1px;
	padding: 2px 8px;
	color: #0570DE;
	font-weight: 600;
	border-radius: 4px;
	background: #e2f5fd;
}
.payment-bank-timeline-content {
	border-left: 1px solid #e2f5fd;
	padding-left: 24px;
}
/* .payment-bank-timeline-content:before {
	content: '';
	width: 12px;
	height: 12px;
	background: #0570DE;
	position: absolute;
	left: -5px;
	top: 5px;
	border-radius: 100%;
} */
.payment-bank-timeline-content .title {
	margin-bottom: 8px;
	font-weight: 600;
}
.payment-bank-timeline-content .contents {
	padding-bottom: 32px;
}
/*=================================
	#home_users
=================================*/
#home_users {
	padding: 32px;
	border-radius: 8px;
	/* border: 1px solid #ddd; */
	background: #f8f9fa;
	/* box-shadow: 0 3px 6px rgba(0,0,0,0.15); */
}
	#home_users .home-users-profile {
		display: table;
		width: 100%;
	}
		#home_users .home-users-profile .home-users-icon {
			display: table-cell;
			width: 100px;
		}
		#home_users .home-users-profile .home-users-icon img {
			width: 100%;
			border-radius: 50%;
			border: 1px solid #ddd;
			background: #fff;
		}
		#home_users .home-users-profile .home-users-contents {
			display: table-cell;
			padding: 0 16px;
			font-weight: 600;
			vertical-align: middle;
			line-height: 1.3;
		}
		#home_users .home-users-profile .home-users-contents .home-users-name {
			margin-bottom: 8px;
			font-size: 16px;
			font-weight: 600;
		}
		#home_users .home-users-profile .home-users-contents .home-users-intro {
			color: #666;
			font-size: 14px;
			font-weight: normal;
			line-height: 1.3;
		}
	#home_users .home-users-contact {
		display: table;
		width: 100%;
		padding: 16px;
		vertical-align: middle;
		border-radius: 4px;
		border: 1px solid #ddd;
		background: #fff;
	}
		#home_users .home-users-contact .home-users-contactname {
			margin-bottom: 8px;
			color: #666;
			font-size: 14px;
			text-align: center;
		}
/*=================================
	#home_customer
=================================*/
#customers .customer-profile {
	display: table;
	width: 100%;
}
	#customers .customer-profile .customer-icon {
		display: table-cell;
		width: 100px;
	}
	#customers .customer-profile .customer-icon img {
		width: 100%;
		border-radius: 50%;
		border: 1px solid #ddd;
	}
	#customers .customer-profile .customer-name {
		display: table-cell;
		padding: 0 16px;
		font-size: 24px;
		font-weight: 600;
		vertical-align: middle;
		line-height: 1.3;
	}
	#customers .customer-profile .customer-name .customer-intro {
		color: #666;
		font-size: 14px;
		font-weight: normal;
		line-height: 1.3;
	}
#customers .customer-contact {
	display: table;
	width: 100%;
	padding: 16px;
	vertical-align: middle;
	border-radius: 4px;
	border: 1px solid #ddd;
}
	#customers .customer-contact .customer-contactname {
		margin-bottom: 8px;
		color: #666;
		font-size: 14px;
		text-align: center;
	}
/*=================================
	#home_message
=================================*/
#message_block {
	position: relative;
	height: 100%;
	/* border-right: 1px solid #ECEFF1; */
	background: #fff;
}
	#message_block #message_board {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 76px;
		padding: 16px;
		background: #fff;
		/* box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1) inset; */
		overflow-y: scroll;
	}
	#message_block #no_message_board {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 32px;
		background: #fff;
	}
	#message_block #no_message_board_text {
		position: absolute;
		top: 45%;
		left: 50%;
		width: 80%;
		color: #666;
		font-size: 18px;
		/* font-weight: 600; */
		text-align: center;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
		background: #fff;
	}
	#message_block #no_message_board_text .icon {
		color: #aaa;
		font-size: 48px;
	}
	#message_block #message_board #message_board_inner {
		padding: 0;
	}
		#message_block #message_board #message_board_inner .message-date-border {
			margin-top: -10px;
			margin-bottom: 40px;
			/* border-top: 1px solid #aaa; */
		}
		#message_block #message_board #message_board_inner .message-date {
			text-align: center;
			z-index: 1000;
		}
		#message_block #message_board #message_board_inner .message-date.sticky {
			position: sticky;
			top: -12px;
		}
		#message_block #message_board #message_board_inner .message-block {
			position: relative;
			margin: 16px 0;
		}
		#message_block #message_board #message_board_inner .message-block .message-time {
			position: absolute;
			top: 0;
			right: 0;
			color: #aaa;
			font-size: 12px;
		}
		#message_block #message_board #message_board_inner .message-block .message-icon {
			width: 37px;
		}
		#message_block #message_board #message_board_inner .message-block .message-icon img {
			width: 100%;
			border-radius: 50%;
			border: 1px solid #ddd;
		}
		#message_block #message_board #message_board_inner .message-block .message-contents .user-name {
			margin-bottom: 10px;
			font-weight: 600;
		}
		#message_block #message_board #message_board_inner .message-block .message-contents .user-message {
			margin-bottom: 16px;
			line-height: 1.6;
		}
		#message_block #message_board #message_board_inner .message-block .message-contents .user-message-ex {
			max-width: 300px;
			margin-top: 32px;
			padding: 16px;
			color: #777;
			border-radius: 8px;
			border: 1px solid #ddd;
			line-height: 1.6;
		}
		#message_block #message_board #message_board_inner .message-block .message-contents .user-message-ex ul.lists {
			margin: 0;
			padding: 0;
			padding-left: 16px;
			list-style: circle;
		}
		#message_block #message_board #message_board_inner .message-block .message-contents .user-message-ex ul.lists > li {
			margin-bottom: 8px;
		}
		#message_block #message_board #message_board_inner .message-block .message-contents .user-message-ex ul.lists > li:last-child {
			margin-bottom: 0;
		}
		#message_block #message_board #message_board_inner .message-block .message-contents .message-image {
			margin-top: 8px;
			width: 250px;
			padding: 8px;
			border-radius: 4px;
			border: 1px solid #ddd;
		}
		#message_block #message_board #message_board_inner .message-block .message-contents .message-image .image {
			width: 100%;
		}
		#message_block #message_board #message_board_inner .message-block .message-contents .message-image .name {
			margin-top: 4px;
			font-size: 12px;
		}
		#message_block #message_board #message_board_inner .message-block .message-contents .message-image .name:hover {
			text-decoration: underline;
		}
	#message_block #message_form {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 20px 0;
		text-align: center;
		border-top: 1px solid #ddd;
		background: #fff;
	}
		#message_block #message_form textarea {
			border-radius: 0;
			border: none;
		}
#messages .message-user-lists {
	padding: 0;
	height: calc(100vh - 75px);
	border-left: 1px solid #ddd;
}
	.message-user-lists .message-user-lists-inner {
		height: 100%;
		overflow-y: auto;
		scrollbar-width: none;
	}
	#messages .message-user-lists .title {
		padding: 16px;
		color: #666;
		font-weight: 600;
	}
	#messages .message-user-lists ul.lists {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#messages .message-user-lists ul.lists > li {
		display: table;
		width: 100%;
		border-bottom: 1px solid #eee;
	}
	#messages .message-user-lists ul.lists > li:last-child {
		border-bottom: none;
	}
	#messages .message-user-lists ul.lists > li a {
		position: relative;
		display: block;
		padding: 8px 16px;
		color: #333;
	}
	#messages .message-user-lists ul.lists > li a:hover {
		text-decoration: none;
		background: #f8f9fa;
		transition: all 0.3s ease;
	}
	#messages .message-user-lists ul.lists > li.active a {
		font-weight: 600;
		background: #f8f9fa;
	}
	#messages .message-user-lists ul.lists > li a .badge {
		position: absolute;
		top: 19px;
		right: 16px;
	}
	#messages .message-user-lists ul.lists > li .user-icon {
		display: table-cell;
		width: 40px;
		vertical-align: middle;
	}
		#messages .message-user-lists ul.lists > li .user-icon img {
			width: 100%;
			border-radius: 50%;
			border: 1px solid #ddd;
			background: #fff;
		}
	#messages .message-user-lists ul.lists > li .user-name {
		display: table-cell;
		padding-left: 16px;
		vertical-align: middle;
	}
	#messages .message-user-lists ul.lists > li .no-user {
		margin: 16px;
		margin-top: 0;
		color: #666;
	}
	#messages .message-user-lists ul.lists > li .no-user-text {
		margin: 16px;
		padding: 16px;
		color: #666;
		border-radius: 4px;
		background: #E3F2FD;
	}
	#messages .message-user-lists ul.lists > li .no-user-image {
		margin: 0 auto;
		width: 80%;
	}
#messages .add-image-btn {
	margin-bottom: 8px;
	text-align: right;
}
#messages .add-image-btn label {
	width: 100%;
	padding: 4px 8px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #B2DFDB;
	background: #fff;
	cursor: pointer;
}
#messages .add-image-btn label i {
	color: #333;
	font-size: 14px;
}
#messages .add-image-btn label:hover {
	background: #E0F2F1;
}
#messages .add-image-btn label:hover i {
	color: #333;
}
/*=================================
	#terms_privacy
=================================*/
#terms_privacy {
	padding: 0;
	font-size: 14px;
}
#terms_privacy a {
	color: #1976D2;
	text-decoration: underline;
}
#terms_privacy a:hover {
	color: #1976D2;
	text-decoration: none;
}
#terms_privacy h1 {
	margin: 0;
	padding: 0;
	padding-bottom: 32px;
	font-size: 24px;
	font-weight: 600;
}
#terms_privacy h2 {
	margin: 16px 0;
	padding: 16px 0px;
	font-size: 18px;
	font-weight: 600;
	border-bottom: 1px solid #ECEFF1;
}
#terms_privacy h3 {
	margin: 0;
	margin-top: 16px;
	padding: 16px 0px;
	font-size: 16px;
	font-weight: 600;
}
#terms_privacy ol {
	padding-left: 32px;
	list-style: decimal;
}
#terms_privacy table {
	margin-top: 16px;
	background: transparent;
}
#terms_privacy table > tbody > tr > th {
	width: 30%;
	background: #ECEFF1;
}
#terms_privacy ul {
	margin: 16px 0;
	padding-left: 32px;
	list-style: disc;
}
#terms_privacy .revision-block ul.lists {
	margin: 16px 0;
	padding: 0;
	list-style: none;
}
	#terms_privacy .revision-block ul.lists > li {
		margin-bottom: 8px;
		text-align: right;
	}
/*=================================
	#footer
=================================*/
#footer {
	padding: 32px 0;
	background: transparent;
}
#footer .copy {
	color: #555;
	font-size: 14px;
	text-align: center;
}
#footer_menu_panel {
	
}
	#footer_menu_panel .inner {
		height: 100vh;
		padding: 0;
		padding-bottom: 128px;
		background: #ECEFF1;
		/* box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.3); */
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		-moz-overflow-scrolling: touch;
		
	}
	#footer_menu_panel .footer-menu-header {
		padding: 16px;
		color: #666;
		line-height: 1.5;
	}
	#footer_menu_panel .footer-menu-user-panel {
		background: #fff;
	}
	#footer_menu_panel .footer-menu-close {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		height: 66px;
		line-height: 66px;
		color: #263238;
		font-size: 16px;
		text-align: center;
		border-top: 1px solid #ECEFF1;
		background: rgba(255,255,255,0.85);
		/* box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.15); */
		cursor: pointer;
	}
	#footer_menu_panel .footer-menu-close:hover {
		color: #263238;
		background: #fff;
		transition: all 0.3s ease;
	}
	#footer_menu_panel .footer-menu-close i {
		margin-right: 12px;
	}
	#footer_menu_panel .footer-menu-signup-login {
		margin: 8px;
	}
	#footer_menu_panel .footer-menu-signup-login .login {
		float: left;
		width: 50%;
		padding-right: 8px;
	}
	#footer_menu_panel .footer-menu-signup-login .signup {
		float: left;
		width: 50%;
		padding-left: 8px;
	}
	#footer_menu_panel .footer-menu-title {
		padding: 16px;
		padding-bottom: 0;
		color: #263238;
		font-size: 14px;
		font-weight: 600;
		/* background: #fff; */
	}
	#footer_menu_panel .global-nav-btn i {
		margin-right: 6px;
	}
	#footer_menu_panel .global-nav-header {
		padding: 16px;
		padding-left: 8px;
		padding-bottom: 8px;
		color: #263238;
		font-size: 14px;
		font-weight: 600;
		/* background: #fff; */
	}
	#footer_menu_panel #footer_menu_search {
		padding: 16px;
	}
	#footer_menu_panel ul.footer-menu-lists {
		margin: 0;
		padding: 8px;
		list-style: none;
	}
		#footer_menu_panel ul.footer-menu-lists > li {
			position: relative;
			border-bottom: 1px solid #ECEFF1;
		}
		#footer_menu_panel ul.footer-menu-lists > li#side_child_package a {
			padding-left: 24px;
		}
		#footer_menu_panel ul.footer-menu-lists > li#side_child_plan a {
			padding-left: 52px;
		}
		#footer_menu_panel ul.footer-menu-lists > li:last-child {
			border-bottom: none;
		}
		#footer_menu_panel ul.footer-menu-lists > li a {
			display: block;
			padding: 12px 16px;
			color: #263238;
			font-size: 16px;
			font-weight: normal;
			border-radius: 2px;
			background: #fff;
		}
		#footer_menu_panel ul.footer-menu-lists > li.active a {
			color: #303F9F;
			font-weight: 600;
			text-decoration: none;
			border-radius: 2px;
			background: #fff;
			/* box-shadow: 0 3px 12px rgba(0,0,0,0.15); */
		}
		#footer_menu_panel ul.footer-menu-lists > li a i {
			margin-right: 12px;
		}
		#footer_menu_panel ul.footer-menu-lists > li a i.child-arrow {
			margin-right: 6px;
			color: #aaa;
			font-weight: normal;
		}
		#footer_menu_panel ul.footer-menu-lists > li a .list-arrow {
			color: #263238;
		}
		#footer_menu_panel ul.footer-menu-lists > li a:hover {
			color: #303F9F;
			font-weight: 600;
			text-decoration: none;
			background: #fff;
			transition: all 0.3s ease;
		}
		#footer_menu_panel ul.footer-menu-lists > li a .list-icon {
			position: absolute;
			top: 14px;
			left: 24px;
			font-size: 18px;
		}
		#footer_menu_panel ul.footer-menu-lists > li a .list-arrow {
			position: absolute;
			top: 16px;
			right: 16px;
			color: #B0BEC5;
		}
		#footer_menu_panel .footer-menu-user-panel a .account-link {
			display: table;
		}
		#footer_menu_panel .footer-menu-user-panel a .account-link .account-link-user-icon {
			display: table-cell;
			width: 50px;
		}
			#footer_menu_panel .footer-menu-user-panel a .account-link .account-link-user-icon img {
				width: 100%;
				border-radius: 50%;
				border: 1px solid #ECEFF1;
			}
		#footer_menu_panel .footer-menu-user-panel a .account-link .account-link-user-name {
			display: table-cell;
			padding-left: 16px;
			font-size: 18px;
			font-weight: 600;
			vertical-align: middle;
		}
		#footer_menu_panel .footer-menu-user-panel a .account-link .account-link-btn {
			font-size: 12px;
			color: #666;
			font-weight: normal;
		}
		#footer_menu_panel ul.footer-menu-lists .sidebar-sns {
			margin: 0;
			border: none;
		}
		#footer_menu_panel ul.footer-menu-lists .sidebar-sns ul.lists > li {
			margin-right: 16px;
			font-size: 48px;
		}
		#footer_menu_panel .footer-menu-footer {
			padding: 32px 8px;
		}
		#footer_menu_panel .footer-menu-footer .logout-link a {
			width: 100%;
		}
	#footer_menu_panel #footer_menu_lists_author {
		width: 100%;
		overflow: hidden;
	}
		#footer_menu_panel #footer_menu_lists_author .author-profile {
			float: left;
			width: 50%;
			padding: 8px 10px;
			background: #fff;
		}
#footer_fixed_bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	border-top: 1px solid #ECEFF1;
	/* box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.15); */
	line-height: 1.5;
	z-index: 1030;
}
	#footer_fixed_bar ul.lists {
		margin: 0;
		padding: 0;
		padding: 4px;
		list-style: none;
		width: 100%;
		overflow: hidden;
		background-color: #fff;
	}
		#footer_fixed_bar ul.lists > li {
			float: left;
			width: 25%;
			text-align: center;
		}
		#footer_fixed_bar ul.lists > li a {
			display: block;
			margin: 4px;
		}
		#footer_fixed_bar ul.lists > li.linkbtn {
			width: 37.5%;
			margin-top: 5px;
		}
		#footer_fixed_bar ul.lists > li.linkmenu a {
			color: #111;
		}
		#footer_fixed_bar ul.lists > li a span,
		#footer_fixed_bar ul.lists > li .footer-menu-toggle span {
			display: block;
		}
		#footer_fixed_bar ul.lists > li a span.footer-bar-icon,
		#footer_fixed_bar ul.lists > li .footer-menu-toggle span.footer-bar-icon {
			font-size: 20px;
		}
		#footer_fixed_bar ul.lists > li .footer-menu-toggle span.footer-bar-image {
			width: 24px;
			margin: 0 auto;
			margin-top: 8px;
			margin-bottom: 4px;
		}
		#footer_fixed_bar ul.lists > li .footer-menu-toggle span.footer-bar-image img {
			width: 100%;
			border-radius: 50%;
			border: 1px solid #ddd;
		}
		#footer_fixed_bar ul.lists > li a span.footer-bar-title,
		#footer_fixed_bar ul.lists > li .footer-menu-toggle span.footer-bar-title {
			margin-top: -3px;
			font-size: 9px;
		}
	/*** メディアタイプ ***/
	#footer_fixed_bar ul.lists-media {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
		overflow: hidden;
		background-color: #fff;
	}
		#footer_fixed_bar ul.lists-media > li {
			float: left;
			width: 16.666666667%;
			text-align: center;
		}
		#footer_fixed_bar ul.lists-media > li:not(.footer-menu-toggle) a,
		#footer_fixed_bar ul.lists-media > li .footer-menu-toggle {
			display: block;
			padding: 8px 4px;
			padding-top: 0;
			color: #111;
			border-top: 2px solid transparent;
			cursor: pointer;
		}
		#footer_fixed_bar ul.lists-media > li:not(.footer-menu-toggle).active a,
		#footer_fixed_bar ul.lists-media > li:not(.footer-menu-toggle) a:hover,
		#footer_fixed_bar ul.lists-media > li .footer-menu-toggle.active,
		#footer_fixed_bar ul.lists-media > li .footer-menu-toggle:hover {
			color: #0570DE; /* defaulCss #303F9F */
			font-weight: 600;
			text-decoration: none;
			border-top: 2px solid #0570DE;
			background: #fff;
			transition: all 0.3s ease;
		}
		#footer_fixed_bar ul.lists-media > li a span,
		#footer_fixed_bar ul.lists-media > li .footer-menu-toggle span {
			display: block;
		}
		#footer_fixed_bar ul.lists-media > li a span.footer-bar-icon,
		#footer_fixed_bar ul.lists-media > li .footer-menu-toggle span.footer-bar-icon {
			font-size: 24px;
		}
		#footer_fixed_bar ul.lists-media > li .footer-menu-toggle span.footer-bar-image {
			width: 24px;
			margin: 0 auto;
			margin-top: 8px;
			margin-bottom: 4px;
		}
		#footer_fixed_bar ul.lists-media > li .footer-menu-toggle span.footer-bar-image img {
			width: 100%;
			border-radius: 50%;
			/* border: 1px solid #ddd; */
		}
		#footer_fixed_bar ul.lists-media > li a span.footer-bar-title,
		#footer_fixed_bar ul.lists-media > li .footer-menu-toggle span.footer-bar-title {
			margin-top: -2px;
			font-size: 9px;
			font-weight: normal;
		}
	/*** クライアントタイプ ***/
	#footer_fixed_bar ul.lists-client {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
		overflow: hidden;
		background-color: #fff;
	}
		#footer_fixed_bar ul.lists-client > li {
			float: left;
			width: 25%;
			text-align: center;
		}
		#footer_fixed_bar ul.lists-client > li:not(.footer-menu-toggle) a,
		#footer_fixed_bar ul.lists-client > li .footer-menu-toggle {
			display: block;
			padding: 8px 4px;
			padding-top: 0;
			color: #111;
			border-top: 2px solid transparent;
			cursor: pointer;
		}
		#footer_fixed_bar ul.lists-client > li:not(.footer-menu-toggle).active a,
		#footer_fixed_bar ul.lists-client > li:not(.footer-menu-toggle) a:hover,
		#footer_fixed_bar ul.lists-client > li .footer-menu-toggle.active,
		#footer_fixed_bar ul.lists-client > li .footer-menu-toggle:hover {
			color: #0570DE; /* defaulCss #303F9F */
			font-weight: 600;
			text-decoration: none;
			border-top: 2px solid #0570DE;
			background: #fff;
			transition: all 0.3s ease;
		}
		#footer_fixed_bar ul.lists-client > li a span,
		#footer_fixed_bar ul.lists-client > li .footer-menu-toggle span {
			display: block;
		}
		#footer_fixed_bar ul.lists-client > li a span.footer-bar-icon,
		#footer_fixed_bar ul.lists-client > li .footer-menu-toggle span.footer-bar-icon {
			font-size: 24px;
		}
		#footer_fixed_bar ul.lists-client > li .footer-menu-toggle span.footer-bar-image {
			width: 24px;
			margin: 0 auto;
			margin-top: 8px;
			margin-bottom: 4px;
		}
		#footer_fixed_bar ul.lists-client > li .footer-menu-toggle span.footer-bar-image img {
			width: 100%;
			border-radius: 50%;
			/* border: 1px solid #ddd; */
		}
		#footer_fixed_bar ul.lists-client > li a span.footer-bar-title,
		#footer_fixed_bar ul.lists-client > li .footer-menu-toggle span.footer-bar-title {
			margin-top: -2px;
			font-size: 9px;
			font-weight: normal;
		}
.sticky-top {
	position: sticky;
	top: 75px;
	z-index: 1020;
}
.thead-sticky {
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 1020;
}
@media all and (max-width: 1200px) {
	.profile-header-nav ul.profile-header-nav-list > li a i {
		margin-right: 0;
		font-size: 18px;
	}
	#sidebar .sidebar-inner .global-nav-header {
		padding: 8px;
		padding-bottom: 0;
	}
	#sidebar .sidebar-inner ul.global-nav > li#sidebar_category,
	#sidebar .sidebar-inner ul.global-nav > li a,
	#sidebar .sidebar-inner ul.global-nav-category > li a,
	#sidebar .sidebar-inner ul.global-nav > span#footer_menu_service > li a {
		padding: 8px;
	}
	#sidebar .sidebar-inner ul.global-nav > li:not(.global-nav-status-icon) i,
	#sidebar .sidebar-inner ul.global-nav-category > li:not(.global-nav-status-icon) i,
	#sidebar .sidebar-inner ul.global-nav > span#footer_menu_service > li i {
		margin-right: 8px;
	}
	.media-card-block .media-card-lists {
		display: grid;
		grid-template-columns: repeat(3, minmax(150px, 1fr));
		gap: 32px;
	}
}
@media all and (min-width: 992px) and (max-width: 1280px) {
	.index-block .index-start-chatch {
		font-size: 36px;
	}
	#ad_create .history-lists-body .history-lists-contents {
		display: block;
	}
	#ad_create .history-lists-body .history-lists-contents .history-ana-block {
		margin: 0;
		margin-bottom: 8px;
	}
	#ad_create .history-lists-body .history-lists-contents .history-btn {
		text-align: center;
	}
	#ad_create .history-lists-body .history-lists-contents .history-btn .btn {
		width: 100%;
	}
}
@media all and (min-width: 992px) {
	.sticky-50 {
		position: sticky;
		top: 50px;
		z-index: 1020;
	}
	.sticky-75 {
		position: sticky;
		top: 75px;
		z-index: 1020;
	}
	.sticky-75-1025 {
		position: sticky;
		top: 75px;
		z-index: 1025;
	}
	.sticky-107 {
		position: sticky;
		top: 107px;
		z-index: 1020;
	}
	.sticky-124 {
		position: sticky;
		top: 124px;
		z-index: 1020;
	}
	.sticky-top {
		position: sticky;
		top: 50px;
		z-index: 1020;
	}
	.index-end {
		min-width: 90%;
	}
	#main_contents {
		padding-top: 16px;
	}
	#ad_create .history-lists-body {
		max-height: 75vh;
	}
	#ad_ana .history-lists-block {
		margin-left: 32px;
	}
	#ad_ana .history-lists-body {
		max-height: 75vh;
	}
}
@media all and (max-width: 992px) {
	html {
		background: #f8f9fa;
	}
	body {
		padding-top: 50px;
		background: #f8f9fa;
	}
	.timeline-block {
		margin-bottom: 0px;
	}
	#success-area {
		border: none;
	}
	#success_info_bar,
	#error_info_bar {
		top: 0;
		left: 0;
		right: 0;
		max-width: 100%;
		border-radius: 0;
		box-shadow: 0 3px 6px 0 rgba(0,0,0,0.1);
	}
	.admin-header-border {
		border: none !important;
		border-bottom: 1px solid #0570DE !important;
	}
	.admin-header-label {
		top: initial;
		bottom: -29px;
	}
	#main_loading {
		left: 0;
	}
	#main_loading .upload-wait {
		left: 50%;
	}
	.index-block {
		display: block;
		min-height: auto;
	}
		.index-block .index-start-block,
		.index-block .index-end-block {
			display: block;
		}
		.index-block .index-start {
			margin-top: 5px;
			margin-bottom: 8px;
			padding: 16px 0;
		}
		.index-start-block .index-start-logo img {
			height: 34px;
		}
		.index-block .index-start-summary {
			/* border: 1px solid #ddd; */
			/* background: #F9FBE7; */
			margin: 0;
			margin-bottom: 8px;
			padding-bottom: 0;
		}
		.index-block .index-start-chatch {
			margin-top: -21px;
			margin-bottom: 24px;
			margin-left: -12px;
			margin-right: -12px;
			padding: 8px 16px;
			padding-top: 12px;
			color: #fff;
			font-size: 20px;
			background: #0570DE;
		}
	#index_nav {
		position: static;
	}
	#index_nav.navbar {
		padding: 0 8px;
	}
	#index_nav.navbar .navbar-brand {
		margin: 0 auto;
		padding: 0;
	}
	#index_nav.navbar .navbar-brand img {
		height: 34px;
	}
	#index_nav ul.navbar-nav {
		margin-left: 0;
		border-radius: 4px;
	}
	#index_nav ul.navbar-nav > li {
		padding: 8px 16px;
		border-bottom: 1px solid #fff;
		background: #f8f9fa;
	}
	#index_nav ul.navbar-nav > li:last-child {
		border-bottom: none;
	}
	#index_nav_menu {
		position: sticky;
		top: 0;
		padding: 8px;
		z-index: 1030;
	}
	#index_nav_menu .nav-pills .nav-link {
		padding: 8px;
		color: #111;
		/* font-weight: 600; */
		background: transparent;
	}
	#index_nav_menu .nav-pills .nav-link:hover {
		color: #0570DE;
		font-weight: 600;
		background: #f8f9fa;
	}
	#index_nav_menu .nav-pills .nav-link.active {
		color: #0570DE;
		font-weight: 600;
		border-radius: 4px;
		background: #fff;
		box-shadow: 0 3px 12px rgba(0,0,0,0.15);
	}
	.index-top {
		padding: 0 8px;
	}
	.index-top .index-top-center-block .circle-block .circle-contents img {
		width: 50px;
	}
	.index-header {
		padding: 32px 0;
		padding-top: 16px;
	}
	#page_operator.index-header {
		padding: 32px 0;
		padding-top: 0;
	}
	#page_operator > .container {
		padding: 0;
	}
	#page_operator.index-header .index-global-block h1.index-global-title span.index-global-title-header {
		border-radius: 0;
	}
	.index-header .index-global-block,
	#page_operator.index-header .index-global-block {
		padding-right: 0;
		text-align: center;
	}
	.index-header .index-global-block .index-global-desc,
	#page_operator.index-header .index-global-block .index-global-desc {
		margin-bottom: 32px;
	}
	.index-header .index-global-block h1.index-global-title span.index-global-title-header,
	#page_operator.index-header .index-global-block h1.index-global-title span.index-global-title-header {
		font-size: 24px;
	}
	.index-header .index-global-block h1.index-global-title span.index-global-title-gradient,
	.index-header .index-global-block h1.index-global-title span.index-global-title-footer,
	#page_operator.index-header .index-global-block h1.index-global-title span.index-global-title-gradient,
	#page_operator.index-header .index-global-block h1.index-global-title span.index-global-title-footer {
		/* font-size: 48px; */
		display: block;
		font-size: 40px;
	}
	#index_carousel {
		margin-top: 64px;
	}
	.index-contents .index-contents-title-info {
		font-size: 14px;
	}
	.index-contents .index-contents-title-side h2 {
		font-size: 18px;
	}
	.index-contents .index-contents-title-side .summary {
		font-size: 14px;
	}
	.index-lo-info {
		grid-template-columns: repeat(2, minmax(150px, 1fr));
		gap: 16px;
		padding: 16px;
	}
	.index-how .how-list-block .how-list-body .how-list-image,
	.index-res .res-list-block .res-list-body .res-list-image,
	.index-function .function-list .card {
		padding: 0px;
	}
	#index_spy_type .container {
		padding: 0;
	}
	#index_spy_type.index-contents {
		padding-bottom: 0;
	}
	.index-type {
		margin: 16px 0;
		border-radius: 0;
	}
	.index-type .swiper-index {
		max-width: 280px;
	}
	.index-type .index-type-info-block {
		margin-bottom: 32px;
	}
	.index-usertype {
		margin: 0 16px;
	}
	.index-how {
		padding: 0;
	}
		.index-how .how-list-block {
			padding: 16px;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.index-how .how-list-block .how-list-header {
			flex: 1;
			margin-bottom: 0;
		}
		.index-how .how-list-block .how-list-header .how-list-icon {
			margin-bottom: 16px;
		}
		.index-how .how-list-block .how-list-header .how-list-icon i {
			color: #fff;
			font-size: 24px;
		}
		.index-how .how-list-block .how-list-header .how-list-title,
		.index-res .res-list-block .res-list-header .res-list-title {
			font-size: 18px;
		}
		.index-how .how-list-block .how-list-body {
			flex: 1;
		}
	.index-price {
		margin: 0 16px;
	}
	.index-footer {
		padding-bottom: 59px;
	}
	.home-step-block .home-step-info-image {
		width: 120px;
		margin: 0 auto;
	}
	#main_contents {
		margin: 0;
		padding: 16px;
		padding-bottom: 66px;
		border: none;
	}
	#media_contents {
		margin: -16px;
	}
	#main_contents .contents-title {
		margin-bottom: 16px;
		/* color: #666; */
		font-size: 16px; /* defaultCss 24px; */
		font-weight: 600;
	}
	#main_contents .contents-overview {
		padding: 8px 0;
	}
	#home_users,
	#main_contents .contents-block {
		padding: 32px;
		border-radius: 8px;
		border: 1px solid #ECEFF1;
		background: #fff;
	}
	#main_contents .contents-block .block-header .image {
		width: 200px;
		margin: 0 auto;
	}
	#main_contents .contents-block .block-header .title {
		margin-bottom: 16px;
		padding-bottom: 0;
		border: none;
	}
	#main_contents .contents-block .block-header .title-plan {
		font-size: 24px;
	}
	#main_contents #main_list_contents {
		border-radius: 0;
		border: none;
		margin-left: -32px;
		margin-right: -32px;
	}
	#media_contents .media-block-header .header-cover .media-block-cover {
		height: 20vh;
		border-radius: 16px;
	}
	#media_contents .summary-block .header-media-image {
		width: 80px;
	}
	#media_contents .summary-block .header-media-name h1 {
		font-size: 20px;
	}
	#plans table .plans-summary {
		min-width: 200px;
	}
	#plans_lists .plan-list {
		padding: 8px;
	}
	#plans_page .plans-image-list {
		padding: 16px 0;
		padding-top: 0;
	}
	#plans_page .swiper-main,
	#plans_page .swiper-thumb {
		margin-right: 0;
	}
	.plans-create-table table > tbody > tr > th,
	.plans-create-table table > tbody > tr > td {
		width: 100%;
		display: block;
		text-align: left;
	}
	.plans-create-table table > tbody > tr > th {
		padding-bottom: 0;
	}
	#ad_create .history-lists-block {
		margin-left: 0;
	}
	#footer {
		padding: 32px 0;
		padding-bottom: 96px;
		border: none;
		background: #ECEFF1;
	}
	.sticky-sp-50 {
		position: sticky;
		top: 50px;
	}
	#messages .message-user-lists {
		margin-bottom: 60px;
	}
}
@media all and (max-width: 768px) {
	.index-header .index-global-block,
	#page_operator.index-header .index-global-block {
		padding: 0 8px;
	}
	.index-header .index-global-block h1.index-global-title {
		margin-bottom: 32px;
		font-size: 32px;
	}
	#index_carousel {
		margin-top: 32px;
	}
	.index-summary .summary-text {
		margin-top: 24px;
		font-size: 18px;
	}
	.index-contents {
		padding: 32px 0;
	}
	.index-contents .index-contents-title {
		margin-bottom: 16px;
		padding-left: 24px;
		padding-right: 24px;
		font-size: 28px;
	}
	.index-contents .summary-text {
		margin-top: 32px;
		font-size: 16px;
	}
	#index_spy_feature .index-contents-title {
		font-size: 28px;
		line-height: 1.3;
	}
	.index-info .info-contents .info-desc {
		font-size: 14px;
	}
	.index-info .info-image {
		width: 50%;
	}
	.index-user .user-list {
		height: auto !important;
	}
	.index-contents .index-contents-title-side {
		margin: 16px;
		/* text-align: center; */
	}
	.index-contents .index-contents-title-side h1 {
		font-size: 24px;
		text-align: left;
	}
	.index-contents .index-contents-title-function {
		font-size: 18px;
	}
	.index-step .step-list {
		margin-bottom: 8px;
		height: auto !important;
	}
	.index-step .step-list .step-status {
		display: table;
	}
		.index-step .step-list .step-icon {
			display: table-cell;
			width: 30%;
			padding-bottom: 16px;
			font-size: 32px;
			text-align: right;
			vertical-align: middle;
		}
		.index-step .step-list .step-desc-title {
			display: table-cell;
			width: 70%;
			padding-bottom: 16px;
			padding-left: 16px;
			text-align: left;
			vertical-align: middle;
		}
	.index-step .step-list .step-desc {
		font-size: 14px;
		text-align: left;
	}
	.home-step-block {
		margin-bottom: 16px;
		padding: 8px;
	}
		.home-step-block .home-step-info {
			display: flex;
			align-items: center;
		}
			.home-step-block .home-step-info-image {
				width: 120px;
				margin: 0 auto;
			}
			.home-step-block .home-step-info-title {
				padding: 0;
				padding-left: 16px;
				font-size: 20px;
			}
		.home-step-block .home-step-lists {
			padding: 16px;
			padding-left: 48px;
			border-radius: 8px;
			/* background: #fff; */
		}
				.home-step-block .home-step-lists .home-step-list .home-step-list-icon {
					position: absolute;
					top: 11px;
					left: -32px;
					color: #B4D4F5;
					font-size: 20px;
				}
				.home-step-block .home-step-lists .home-step-list .home-step-list-icon.active {
					position: absolute;
					top: 11px;
					left: -32px;
					color: #0570de;
					font-size: 20px;
				}
	#home_panel_block .card {
		margin-bottom: 16px;
		border-radius: 8px;
	}
	.home-side-block {
		position: static;
		margin-left: 0;
	}
	#card_lists .card-title {
		margin: 0;
		font-size: 16px;
	}
	#card_lists .card-image {
		width: 75%;
		margin: 0 auto;
	}
	.media-card-block .media-card-lists {
		display: grid;
		grid-template-columns: repeat(2, minmax(150px, 1fr));
		gap: 16px;
	}
	#home_users .home-users-profile .home-users-icon,
	#customers .customer-profile .customer-icon {
		display: table-cell;
		width: 60px;
	}
	#home_users .home-users-profile .home-users-name {
		padding-right: 0px;
	}
	#home_users .home-users-contact,
	#customers .customer-contact {
		margin-top: 16px;
	}
	#plans_page .plans-image-list {
		margin: -40px;
		margin-bottom: 16px;
		border-radius: 4px 4px 0 0;
	}
	#payment .payment-sub-block .payment-sub-num {
		font-size: 24px;
	}
	.index-footer ul.footer-menu > li {
		padding: 6px 8px;
	}
	.index-footer ul.footer-menu > li a {
		font-size: 12px;
	}
	#messages .message-user-lists {
		border-left: none;
	}
	#ad_ana .ana-date-lists .nav {
		justify-content: start;
	}
	.news-stripe-block .news-stripe-info {
		margin-bottom: 16px;
		padding-right: 0;
	}
}
@media all and (max-width: 576px) {
	body {
		font-size: 14px;
	}
	.col-list {
		padding: 8px 0;
	}
	.modal-dialog {
		margin: 0;
	}
	.modal-content,
	.modal-header,
	.modal-footer {
		border-radius: 0 !important;
	}
	.form-header-logo {
		padding: 32px 0;
		text-align: center;
		/*border-bottom: 1px solid #ccc;*/
	}
		.form-header-logo .logo {
			margin: 0 auto;
			width: 150px;
		}
	.first-form-header {
		margin-bottom: 16px;
		font-size: 24px;
		text-align: center;
	}
	.first-form-image {
		max-width: 254px;
	}
	.first-form-movie {
		position:relative;
		width:100%;
		height:0;
		padding: 16px;
		padding-top:75%;
	}
	.first-form-movie iframe{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	.first-form-wrap {
		margin: 0;
		margin-top: 16px;
		padding: 8px;
		border: none;
		box-shadow: none;
	}
	.container {
		padding: 0;
	}
	.news-stripe-block {
		margin-bottom: 16px;
		padding: 16px;
		border: none;
	}
	.news-stripe-block .news-stripe-info {
		margin-bottom: 16px;
	}
	.index-block .index-end .index-end-first {
		margin: 8px;
		margin-bottom: 16px;
		padding: 8px;
	}
	.index-block .index-start {
		margin-left: 8px;
		margin-right: 8px;
		padding: 16px 0;
		padding-bottom: 8px;
	}
	.index-block .index-end .index-end-first .index-end-link-btn {
		margin-bottom: 8px;
	}
	.index-block .index-end-lo {
		margin-left: 8px;
		margin-right: 8px;
	}
	#index_block .index-top {
		margin-bottom: 16px;
	}
	.index-block .index-start-chatch {
		margin-left: -8px;
		margin-right: -8px;
	}
	.index-top-block {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.index-top .client-block .footer,
	.index-top .media-block .footer {
		flex: 1;
	}
	.index-top .client-block .footer-info,
	.index-top .media-block .footer-info {
		padding: 0;
		padding-left: 16px;
	}
	#index_block .index-top .client-block {
		margin: 0;
		margin-bottom: 4px;
	}
	#index_block .index-top .media-block {
		margin: 0;
		margin-top: 4px;
	}
	.index-top .client-block .label span,
	.index-top .media-block .label span {
		padding: 4px 12px;
		font-size: 12px;
	}
	.index-top .client-block .header,
	.index-top .media-block .header {
		font-size: 24px;
	}
	#index_block .index-top .client-block .header,
	#index_block .index-top .media-block .header {
		font-size: 16px;
	}
	.index-top .client-block .body img,
	.index-top .media-block .body img {
		height: 80px;
	}
	.index-header .index-global-block h1.index-global-title span.index-global-title-header,
	#page_operator.index-header .index-global-block h1.index-global-title span.index-global-title-header {
		font-size: 18px;
	}
	#page_operator.index-header .index-global-block h1.index-global-title span.index-global-title-header {
		margin-left: -8px;
		margin-right: -8px;
		padding: 8px;
	}
	.index-header .index-global-block h1.index-global-title span.index-global-title-gradient,
	.index-header .index-global-block h1.index-global-title span.index-global-title-footer,
	#page_operator.index-header .index-global-block h1.index-global-title span.index-global-title-gradient,
	#page_operator.index-header .index-global-block h1.index-global-title span.index-global-title-footer {
		/* font-size: 36px; */
		font-size: 28px;
	}
	.index-header .index-global-block .index-global-desc,
	#page_operator.index-header .index-global-block .index-global-desc {
		padding: 0 8px;
		font-size: 16px;
		text-align: left;
	}
	.index-header .index-global-block .index-global-btn,
	#page_operator.index-header .index-global-block .index-global-btn {
		padding-bottom: 32px;
	}
	.index-lo-info .card-title {
		margin-bottom: 8px;
		font-size: 14px;
	}
	.index-lo-info .card-text {
		margin-bottom: 8px;
		font-size: 14px;
	}
	.index-contents .index-contents-title-side {
		font-size: 24px;
	}
	.index-contents .tab-content {
		margin: 0;
		padding: 16px 0;
	}
	.index-qa {
		padding: 16px;
	}
	/* #index_spy_price, */
	#index_spy_example {
		padding-bottom: 0;
	}
	.index-example {
		border-radius: 0;
	}
	.home-step-block .home-step-info-title {
		padding: 0;
		padding-left: 16px;
		font-size: 16px;
	}
	#main_contents {
		padding: 16px 8px;
		padding-bottom: 66px;
	}
	#media_contents {
		margin: -16px -8px;
	}
	#main_contents .contents-title {
		font-size: 16px;
		text-align: center;
	}
	#main_contents .contents-overview {
		padding: 8px;
	}
	#main_contents .contents-overview .overview-text {
		font-size: 12px;
	}
	#main_contents .contents-block,
	#home_users,
	#media_contents .contents-block,
	#plan_publish #main_contents .contents-block,
	#plan_cancel #main_contents .contents-block,
	#setting #main_contents .contents-block {
		padding: 16px;
	}
	#main_contents .contents-block .block-header .title,
	#main_contents .contents-block .block-header .title.filter i {
		font-size: 16px; /* default css 20px */
	}
	#main_contents .contents-block .block-header .title {
		font-weight: 600;
	}
	#main_contents .contents-block .block-header .header-link {
		top: 2px;
	}
	#main_contents #main_list_contents {
		border-radius: 0;
		border: none;
		margin-left: -16px;
		margin-right: -16px;
	}
	#media_contents #media_law_block .accordion-button {
		font-size: 20px;
	}
	/* #home_media_block .media-list,
	#home_plan_block .plan-list,
	#home_ad_block .adlo-list,
	#home_customer_block .customer-list {
		margin: 4px;
		margin-bottom: 8px;
	} */
	#search_medias_lists,
	#search_plans_lists {
		margin-left: -16px;
		margin-right: -16px;
		border-radius: 0;
	}
	#home_page #card_lists .card {
		margin: 16px 0 !important;
	}
	.media-card-block .media-card-lists {
		display: grid;
		grid-template-columns: repeat(1, minmax(150px, 1fr));
		gap: 16px;
	}
	.media-card-block .media-card-lists .media-card-list {
		display: flex;
		align-items: center;
		text-align: left;
	}
	.media-card-block .media-card-lists .media-card-list .media-card-image-block {
		padding-left: 8px;
		padding-right: 24px;
	}
		.media-card-block .media-card-lists .media-card-list .media-card-image img {
			max-width: 50px;
		}
	.media-card-block .media-card-lists .media-card-list .media-card-contents-block {
		flex: 1;
	}
	.media-card-block .media-card-lists .media-card-list .media-card-status {
		justify-content: start;
		padding: 0;
		padding-top: 8px;
	}
	.media-card-block .media-card-lists .media-card-list .media-card-menu {
		top: 8px;
		right: 8px;
	}
	#home_media_block .media-list a {
		padding: 8px;
	}
	#home_media_block .media-list .media-image,
	#home_customer_block .customer-list .customer-image {
		width: 50px;
	}
	table.home-media-table .media-name-block .media-image {
		width: 30px;
	}
	#media_contents .summary-block .header-media-image {
		width: 50px;
		vertical-align: top;
	}
	#media_contents .summary-block .header-media-name h1 {
		font-size: 18px;
	}
	#media_contents .media-block-header .header-cover {
		padding: 16px;
		padding-bottom: 0;
	}
	#media_contents .media-block-header .header-inner {
		padding: 16px;
	}
	#media_contents .media-block-header .header-cover .media-block-cover {
		border-radius: 16px;
	}
	#media_contents .header-intro-block .header-intro {
		margin-bottom: 16px;
		padding: 8px 0;
	}
	#media_contents .header-intro-block .status-block {
		margin: 0;
	}
	#plans table .plans-summary {
		min-width: 120px;
	}
	#plans_page .swiper-main-block {
		margin: 0 -26px;
		margin-top: -26px;
	}
	#plans_page .swiper-main {
		border: none;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		background: #333;
		box-shadow: 0 3px 6px rgba(0,0,0,0.15);
	}
	#plans_page .plans-image-list {
		margin: 0;
		margin: -24px -16px;
		margin-bottom: 16px;
		border-radius: 4px 4px 0 0;
	}
	#plans_page .plans-image-list .slick-slide img {
		/* border-radius: 4px 4px 0 0; */
	}
	#plan_create .plans-media-list,
	#plan_create .plans-type-list,
	#plan_create .plans-period-list {
		padding: 8px 0;
	}
	#plans_lists .plan-list {
		padding: 8px 0;
	}
	#customers .customer-profile .customer-name {
		font-size: 18px;
	}
	#customers .customer-profile .customer-icon {
		display: table-cell;
		width: 60px;
	}
	#payment .nav-pills .nav-link {
		padding: 0.5rem 0;
	}
	#payment .nav-pills .nav-link.active {
		padding: 0.5rem;
	}
	#payment .payment-sub-block {
		padding: 8px 2px;
	}
	#payment .payment-sub-block .payment-sub-num {
		font-size: 18px;
	}
	#message_block #message_board {
		bottom: 52px;
	}
	#message_block #message_form {
		padding: 8px 0;
	}
	#ad_ana #ad_ana_summary .flex-grow-1 .adslo-title {
		font-size: 12px;
	}
	.index-footer .footer-site-logo {
		display: block;
	}
		.index-footer .footer-image {
			margin: 0 auto;
			margin-bottom: 8px;
			text-align: center;
		}
		.index-footer .footer-desc {
			margin-bottom: 32px;
			padding: 0;
			text-align: center;
		}
}