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

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

html {
	overflow-y: scroll;
}

blockquote,
q {
	quotes: none;
}

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

input,
textarea {
	padding: 0;
	margin: 0;
}

ol,
ul {
	list-style: none;
}

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

caption,
th {
	text-align: left;
}

a:focus-visible {
	outline: 2px auto #cd820a;
	outline-offset: 5px;
}

button:focus-visible,
input:focus-visible {
	outline: 2px solid #cd820a;
	outline-offset: 5px;
}

.both {
	clear: both;
}

.inline_block {
	display: inline-block;
}

.clearfix::after {
	display: table;
	clear: both;
	content: "";
}

.clearfix {
	zoom: 1;
}

input[type="button"],
input[type="submit"] {
	appearance: none;
}

html {
	line-height: 1.15;
	text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	text-decoration-skip: objects;
}

abbr[title] {
	text-decoration: underline dotted;
	border-bottom: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	color: #000;
	background-color: #ff0;
}

small {
	font-size: 80%;
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

[type="reset"],
[type="submit"],
button,
html [type="button"] {
	appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText;
}

legend {
	box-sizing: border-box;
	display: table;
	max-width: 100%;
	padding: 0;
	color: inherit;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	appearance: none;
}

::-webkit-file-upload-button {
	font: inherit;
	appearance: button;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

.clearfix::after {
	display: table;
	clear: both;
	content: "";
}

.clearfix {
	zoom: 1;
}

input[type="button"],
input[type="submit"] {
	appearance: none;
}

.main-visual,
section {
	position: relative;
}

.main-visual .iframe-wrapper,
.main-visual .iframe-wrapper-cover,
.main-visual section .iframe-wrapper-cover,
section .iframe-wrapper,
section .iframe-wrapper-cover,
section .main-visual .iframe-wrapper-cover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.main-visual .iframe-wrapper iframe,
.main-visual .iframe-wrapper-cover iframe,
.main-visual section .iframe-wrapper-cover iframe,
section .iframe-wrapper iframe,
section .iframe-wrapper-cover iframe,
section .main-visual .iframe-wrapper-cover iframe {
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.main-visual .iframe-wrapper-cover ~ .inner,
.main-visual .iframe-wrapper-cover ~ .main-visual-content,
.main-visual .iframe-wrapper ~ .inner,
.main-visual .iframe-wrapper ~ .main-visual-content,
.main-visual section .iframe-wrapper-cover ~ .inner,
.main-visual section .iframe-wrapper-cover ~ .main-visual-content,
section .iframe-wrapper-cover ~ .inner,
section .iframe-wrapper-cover ~ .main-visual-content,
section .iframe-wrapper ~ .inner,
section .iframe-wrapper ~ .main-visual-content,
section .main-visual .iframe-wrapper-cover ~ .inner,
section .main-visual .iframe-wrapper-cover ~ .main-visual-content {
	position: relative;
	z-index: 1;
}

.main-visual .iframe-wrapper-cover,
section .iframe-wrapper-cover {
	z-index: 0;
	overflow: hidden;
	background-color: #000;
}

.main-visual .iframe-wrapper-cover iframe,
section .iframe-wrapper-cover iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	box-sizing: border-box;
	width: 177.77777778vh;
	min-width: 100%;
	height: 56.25vw;
	min-height: 100%;
	background-color: #000;
	transform: translate(-50%, -50%);
}

.main-visual .overlay,
section .overlay {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
}

.main-visual .overlay-image,
section .overlay-image {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-repeat: repeat;
}

.main-visual .overlay-image ~ .inner,
.main-visual .overlay-image ~ .main-visual-content,
section .overlay-image ~ .inner,
section .overlay-image ~ .main-visual-content {
	position: relative;
}

.main-visual .overlay-image.bg_overlay_pattern1,
section .overlay-image.bg_overlay_pattern1 {
	background-image: url(../img/image_001.jpg);
}

.main-visual .overlay-image.bg_overlay_pattern2,
section .overlay-image.bg_overlay_pattern2 {
	background-image: url(../img/image_002.jpg);
}

.main-visual .overlay-image.bg_overlay_pattern3,
section .overlay-image.bg_overlay_pattern3 {
	background-image: url(../img/image_003.jpg);
}

.main-visual .overlay-image.bg_overlay_pattern4,
section .overlay-image.bg_overlay_pattern4 {
	background-image: url(../img/image_004.jpg);
}

.main-visual .overlay-image.bg_overlay_pattern5,
section .overlay-image.bg_overlay_pattern5 {
	background-image: url(../img/image_005.jpg);
}

.main-visual .overlay-image.bg_overlay_pattern6,
section .overlay-image.bg_overlay_pattern6 {
	background-image: url(../img/image_006.jpg);
}

.main-visual .overlay-image.bg_overlay_pattern7,
section .overlay-image.bg_overlay_pattern7 {
	background-image: url(../img/image_007.jpg);
}

.main-visual .overlay-image.bg_overlay_pattern8,
section .overlay-image.bg_overlay_pattern8 {
	background-image: url(../img/image_008.jpg);
}

.main-visual .overlay-image.bg_overlay_pattern9,
section .overlay-image.bg_overlay_pattern9 {
	background-image: url(../img/image_009.jpg);
}

.main-visual .overlay-image.bg_overlay_pattern10,
section .overlay-image.bg_overlay_pattern10 {
	background-image: url(../img/image_010.jpg);
}

.main-visual .overlay-image.bg_overlay_pattern11,
section .overlay-image.bg_overlay_pattern11 {
	background-image: url(../img/image_011.jpg);
}

.main-visual .overlay-image.bg_overlay_pattern12,
section .overlay-image.bg_overlay_pattern12 {
	background-image: url(../img/image_012.jpg);
}

.main-visual .overlay-image.bg_overlay_pattern13,
section .overlay-image.bg_overlay_pattern13 {
	background-image: url(../img/image_013.jpg);
}

.main-visual .overlay-image.bg_overlay_pattern14,
section .overlay-image.bg_overlay_pattern14 {
	background-image: url(../img/image_014.jpg);
}

.main-visual .overlay-image.bg_overlay_pattern15,
section .overlay-image.bg_overlay_pattern15 {
	background-image: url(../img/image_015.jpg);
}

.component.blog_articles article {
	margin-bottom: 20px;
}

.component.blog_articles article::after,
.component.blog_articles article::before {
	display: table;
	content: " ";
}

.component.blog_articles article::after {
	clear: both;
}

.component.blog_articles article .catch {
	float: left;
	width: 30%;
}

.component.blog_articles article .catch img {
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}

.component.blog_articles article .infomation {
	float: left;
	width: 70%;
}

.component.blog_articles article .infomation > h1,
.component.blog_articles article .infomation > h2 {
	padding-left: 6px;
	font-size: 18px;
	line-height: 200%;
}

.component.blog_articles article .infomation .published_at {
	display: block;
	padding: 10px 15px;
	font-size: 13.2px;
	text-align: right;
	background: #eee;
	opacity: 0.8;
}

.component.blog_articles article .infomation p {
	padding: 6px;
}

.component.blog_articles article .infomation .tags {
	padding: 3px;
}

.component.blog_articles article .infomation .tags .tag {
	display: inline-block;
	padding: 4px 8px;
	margin: 5px;
	font-size: 13px;
	text-decoration: none !important;
	border: 1px solid #ddd;
}

.component.blog_articles article .infomation .tags .tag i {
	margin-right: 5px;
}

.component.blog_articles article .infomation .view-article {
	padding: 6px;
	font-size: 14.4px;
}

.component.blog_article .article-component.contents-table {
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	border: 1px solid #888;
}

.component.blog_article .article-component.contents-table > p {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

.component.blog_article .article-component.contents-table > p > .show-area {
	margin-left: 5px;
	font-size: 12px;
	cursor: pointer;
}

.component.blog_article .article-component.contents-table ol {
	margin-left: 20px;
	list-style-type: none;
}

.component.blog_article .article-component.contents-table ol.no-indent {
	margin-left: 0;
}

.component.blog_article .article-component.contents-table ol > li {
	line-height: 1.8;
}

.cke-article-edit.article-post,
.component.blog_article .article-post {
	padding: 0 10px;
	font-size: 14.4px;
	word-break: break-word;
}

.cke-article-edit.article-post .richtext p,
.component.blog_article .article-post .richtext p {
	padding: 0;
	margin: 10px 0;
	border: 0;
}

.cke-article-edit.article-post .published_at,
.component.blog_article .article-post .published_at {
	display: block;
	padding: 10px 15px;
	font-size: 13.2px;
	text-align: right;
	background: #eee;
	opacity: 0.8;
}

.cke-article-edit.article-post h1,
.component.blog_article .article-post h1 {
	padding: 0;
	margin-bottom: 30px;
	font-size: 26.4px;
	font-weight: 700;
	text-shadow: none;
}

.cke-article-edit.article-post h1::after,
.component.blog_article .article-post h1::after {
	content: none;
}

.cke-article-edit.article-post h2,
.component.blog_article .article-post h2 {
	padding: 20px !important;
	margin: 20px 0;
	background: #f6f6f6;
	border-bottom: none !important;
	border-left: solid 5px #888;
}

.cke-article-edit.article-post h3,
.component.blog_article .article-post h3 {
	padding: 10px;
	margin: 20px 0 !important;
	border-top: solid 1px #888;
	border-bottom: solid 1px #888;
}

.cke-article-edit.article-post h4,
.component.blog_article .article-post h4 {
	padding: 10px;
	font-size: 14.4px;
	font-weight: 700;
}

.cke-article-edit.article-post h5,
.component.blog_article .article-post h5 {
	padding: 7px;
	margin: 14px 0;
	font-size: 13.2px;
}

.cke-article-edit.article-post pre,
.component.blog_article .article-post pre {
	padding: 20px;
	overflow: scroll;
	font-size: 1.5rem;
	background: #eee;
	border-radius: 5px;
}

.cke-article-edit.article-post pre.black,
.component.blog_article .article-post pre.black {
	overflow: auto !important;
	background: #2d2d2d;
}

.cke-article-edit.article-post pre.default,
.component.blog_article .article-post pre.default {
	overflow: auto !important;
	background: #eee;
}

.cke-article-edit.article-post em,
.component.blog_article .article-post em {
	font-style: italic;
}

.cke-article-edit.article-post .video,
.component.blog_article .article-post .video {
	margin: 15px 0;
	text-align: center;
}

.cke-article-edit.article-post .video iframe,
.component.blog_article .article-post .video iframe {
	max-width: 100%;
	padding: 5px;
	border: solid 1px #ddd;
}

.cke-article-edit.article-post .image,
.component.blog_article .article-post .image {
	margin: 15px 0;
	text-align: center;
}

.cke-article-edit.article-post .image img,
.component.blog_article .article-post .image img {
	max-width: 100%;
	padding: 5px;
	border: solid 1px #ddd;
}

.cke-article-edit.article-post blockquote,
.component.blog_article .article-post blockquote {
	position: relative;
	z-index: 1;
	padding: 3rem 1rem;
	margin: 20px 0 !important;
	background: #eee;
	border: 1px solid #eee;
	border-radius: 5px;
}

.cke-article-edit.article-post blockquote p,
.component.blog_article .article-post blockquote p {
	position: relative;
	z-index: 3;
}

.cke-article-edit.article-post blockquote::before,
.component.blog_article .article-post blockquote::before {
	position: absolute;
	top: 5px;
	left: 10px;
	z-index: 2;
	font-family: "Times New Roman", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 1000%;
	line-height: 0.8em;
	color: #fff;
	content: "“";
}

.cke-article-edit.article-post .button .button-cont.center,
.component.blog_article .article-post .button .button-cont.center {
	text-align: center;
}

.cke-article-edit.article-post .button .button-cont.right,
.component.blog_article .article-post .button .button-cont.right {
	text-align: right;
}

.cke-article-edit.article-post .button .button-cont.left,
.component.blog_article .article-post .button .button-cont.left {
	text-align: left;
}

.cke-article-edit.article-post .button .button-cont a,
.component.blog_article .article-post .button .button-cont a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
}

.cke-article-edit.article-post .button .button-cont a:hover,
.component.blog_article .article-post .button .button-cont a:hover {
	opacity: 0.8;
}

.cke-article-edit.article-post .article-meta-info,
.component.blog_article .article-post .article-meta-info {
	margin-bottom: 30px !important;
	font-size: 12px;
	opacity: 0.8;
}

.cke-article-edit.article-post .article-meta-info .article-author,
.cke-article-edit.article-post .article-meta-info .article-category,
.cke-article-edit.article-post .article-meta-info .post-date,
.component.blog_article .article-post .article-meta-info .article-author,
.component.blog_article .article-post .article-meta-info .article-category,
.component.blog_article .article-post .article-meta-info .post-date {
	margin-right: 10px;
}

.cke-article-edit.article-post .article-meta-info .fa,
.component.blog_article .article-post .article-meta-info .fa {
	margin-right: 3px;
	font-size: 12px;
}

.cke-article-edit.article-post .article-meta-info .article-tags,
.component.blog_article .article-post .article-meta-info .article-tags {
	word-break: break-word;
}

.cke-article-edit.article-post
	.article-meta-info
	.article-tags
	.tag:not(:last-child)::after,
.component.blog_article
	.article-post
	.article-meta-info
	.article-tags
	.tag:not(:last-child)::after {
	content: ", ";
}

.cke-article-edit.article-post .author,
.component.blog_article .article-post .author {
	display: table;
	width: 100%;
	margin-top: 30px;
	table-layout: fixed;
	border-spacing: 20px;
	border-collapse: separate;
	border: 1px solid #e2e2e2;
}

.cke-article-edit.article-post .author .author-image,
.component.blog_article .article-post .author .author-image {
	display: table-cell;
	width: 15%;
	vertical-align: top;
}

.cke-article-edit.article-post .author .author-image img,
.component.blog_article .article-post .author .author-image img {
	display: block;
}

.cke-article-edit.article-post .author .author-info,
.component.blog_article .article-post .author .author-info {
	display: table-cell;
	width: 85%;
	vertical-align: top;
}

.cke-article-edit.article-post .author .author-info .author-name,
.component.blog_article .article-post .author .author-info .author-name {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 700;
	text-align: left;
}

.cke-article-edit.article-post .author .author-info .author-description,
.component.blog_article .article-post .author .author-info .author-description {
	font-size: 12px;
}

@media screen and (width <= 768px) {
	.cke-article-edit.article-post .author,
	.component.blog_article .article-post .author {
		display: block;
		padding: 10px;
	}

	.cke-article-edit.article-post .author .author-image,
	.component.blog_article .article-post .author .author-image {
		display: block;
		float: left;
		width: 50px;
		margin: 0 10px 0 0;
	}

	.cke-article-edit.article-post .author .author-info,
	.component.blog_article .article-post .author .author-info {
		display: block;
		width: 100%;
	}

	.cke-article-edit.article-post .author .author-info .author-name,
	.component.blog_article .article-post .author .author-info .author-name {
		margin-bottom: 5px;
		font-size: 14.4px;
		font-weight: 700;
	}

	.cke-article-edit.article-post .author .author-info .author-description,
	.component.blog_article
		.article-post
		.author
		.author-info
		.author-description {
		font-size: 12px;
	}
}

.prev-next-link {
	display: table;
	margin: 20px 10px;
	table-layout: fixed;
	border-collapse: collapse;
}

.prev-next-link a:hover {
	background-color: #f6f6f6;
}

.prev-next-link a:first-child {
	border-top: 1px #ddd solid;
}

.prev-next-link .prev-next-label {
	margin-bottom: 10px;
	font-size: 0.825rem;
	font-weight: 700;
	color: #000;
}

.prev-next-link .next-link,
.prev-next-link .prev-link {
	position: relative;
	display: table-cell;
	width: 50%;
	border: 1px solid #ddd;
}

.prev-next-link .next-link h2,
.prev-next-link .prev-link h2 {
	font-size: 14.4px;
	font-weight: 700;
}

.prev-next-link .prev-link {
	padding: 14px 14px 14px 40px;
}

.prev-next-link .prev-link::before {
	position: absolute;
	top: 50%;
	left: 10px;
	font-family: fontawesome;
	font-size: 24px;
	content: "\f053";
	transform: translateY(-50%);
}

.prev-next-link .next-link {
	padding: 14px 40px 14px 14px;
}

.prev-next-link .next-link::after {
	position: absolute;
	top: 50%;
	right: 10px;
	font-family: fontawesome;
	font-size: 24px;
	content: "\f054";
	transform: translateY(-50%);
}

.prev-next-link .blank-article-link {
	width: 50%;
}

.prev-next-link .thumb-wrap {
	display: block;
}

.prev-next-link .thumb-wrap p {
	display: inline-block;
	width: 68%;
	max-height: 100px;
	overflow: hidden;
	font-size: 12px;
	line-height: 20px;
	vertical-align: top;
}

.prev-next-link .thumb-wrap img {
	float: left;
	width: 30% !important;
	margin-right: 5px;
}

@media screen and (width <= 768px) {
	.prev-next-link {
		display: block;
	}

	.prev-next-link .next-link,
	.prev-next-link .prev-link {
		display: block;
		width: 100%;
	}

	.prev-next-link .next-link .thumb-wrap img,
	.prev-next-link .prev-link .thumb-wrap img {
		float: none;
		border-radius: 0;
	}

	.prev-next-link .next-link .thumb-wrap p,
	.prev-next-link .prev-link .thumb-wrap p {
		width: 65%;
		max-height: 60px;
		line-height: 15px;
	}

	.prev-next-link .prev-link {
		padding: 10px 15px 10px 20px;
		margin-bottom: -1px;
	}

	.prev-next-link .prev-link::before {
		position: absolute;
		top: 50%;
		left: 5px;
		font-family: fontawesome;
		font-size: 12px;
		content: "\f053";
		transform: translateY(-50%);
	}

	.prev-next-link .next-link {
		padding: 10px 20px 10px 15px;
	}

	.prev-next-link .next-link::after {
		position: absolute;
		top: 50%;
		right: 5px;
		font-family: fontawesome;
		font-size: 12px;
		content: "\f054";
		transform: translateY(-50%);
	}
}

.archive-align-right {
	position: relative;
	text-align: right !important;
}

.archive-align-left {
	position: relative;
	text-align: left !important;
}

.archive-align-center {
	position: relative;
	text-align: center !important;
}

.blog-ranking .entry-list-unit img {
	max-width: 100%;
}

.blog-ranking .entry-list-unit .article-rank {
	position: absolute;
	min-width: 25px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	text-align: center;
	background: rgb(94 185 77 / 90%);
}

.blog-ranking .entry-list-unit .rank-1 {
	background: rgb(255 191 0 / 90%);
}

.blog-ranking .entry-list-unit .rank-2 {
	background: rgb(255 100 100 / 90%);
}

.blog-ranking .entry-list-unit .rank-3 {
	background: rgb(10 144 187 / 90%);
}

.blog-ranking .entry-list-unit .cont h3 {
	margin-top: 0;
	margin-bottom: 0;
}

.blog-ranking-right {
	position: relative;
	text-align: right !important;
}

.blog-ranking-left {
	position: relative;
	text-align: left !important;
}

.blog-ranking-center {
	position: relative;
	text-align: center !important;
}

.component.border .border-margin-none {
	margin-top: 0;
	margin-bottom: 0;
}

.component.border .border-margin-small {
	margin-top: 10px;
	margin-bottom: 10px;
}

.component.border .border-margin-medium {
	margin-top: 20px;
	margin-bottom: 20px;
}

.component.border .border-margin-large {
	margin-top: 30px;
	margin-bottom: 30px;
}

.component.border hr.type01 {
	height: 1px;
	background-image: linear-gradient(
		left,
		transparent,
		rgb(0 0 0 / 40%),
		transparent
	);
	border: 0;
}

.component.border hr.type02 {
	border: 0;
	border-bottom: 1px dashed #aaa;
}

.component.border hr.type03 {
	border: 0;
	border-bottom: 1px solid #aaa;
}

.component.border hr.type04 {
	border: 0;
	border-top: 3px double #aaa;
}

.foot .foot-cont .component.border hr.type01 {
	height: 1px;
	background-image: linear-gradient(
		left,
		rgb(170 170 170 / 0%),
		rgb(170 170 170 / 75%),
		rgb(170 170 170 / 0%)
	);
	border: 0;
}

.button .button-cont {
	word-break: break-all;
}

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

.button .button-cont.right {
	text-align: right;
}

.button .button-cont.left {
	text-align: left;
}

.button .button-cont a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
}

.button .button-cont a:hover {
	opacity: 0.8;
}

.button .button-cont a.blue {
	color: #fff;
	background: #254a73;
}

.button .button-cont a.red {
	color: #fff;
	background: #c00808;
}

.button .button-cont a.orange {
	color: #fff;
	background: #ec7413;
}

.button .button-cont a.white {
	color: #555;
	background: #fff;
}

.button .button-cont a.black {
	color: #fff;
	background: #111;
}

.button .button-cont a.size-s {
	padding: 5px 20px;
	font-size: 13.2px;
}

.button .button-cont a.size-m {
	padding: 10px 30px;
	font-size: 18px;
}

.button .button-cont a.size-l {
	display: block;
	padding: 20px;
	font-size: 24px;
}

.button .color-select .button-color-label {
	padding: 3px 5px;
	color: #000;
	vertical-align: middle;
	background: #fff;
}

.button .color-select .color-list .button-cont {
	margin: 5px 10px;
}

.button .color-select .color-list .button-cont a {
	width: 100%;
}

.component.carousel {
	position: relative;
}

.component.carousel .flexslider {
	border: 0;
	box-shadow: none;
}

@media (width <= 769px) {
	.component.carousel .flexslider .slides > li > span {
		width: 300px;
		padding: 0;
		margin: 0 0 0 -150px;
		font-size: 14px;
		line-height: 30px;
		color: #fff;
		text-shadow: 1px 1px 2px #000;
	}

	.component.carousel .flexslider .slides > li {
		text-align: center;
	}

	.component.carousel .flexslider .slides img {
		border-radius: 0 !important;
	}
}

.carousel li {
	margin-right: 0 !important;
}

.carousel-swap-image {
	margin-bottom: 5%;
}

.carousel-delete-image {
	width: 50%;
	margin-left: 25%;
}

@media (width <= 769px) {
	.carousel li span {
		margin-left: 0 !important;
	}
}

.category-align-right {
	position: relative;
	text-align: right !important;
}

.category-align-left {
	position: relative;
	text-align: left !important;
}

.category-align-center {
	position: relative;
	text-align: center !important;
}

.category-preview {
	margin: 20px;
}

.category-preview article {
	display: table;
	width: 100%;
	padding: 10px 0;
	margin: 10px 0;
	border-bottom: 1px solid #ccc;
}

.category-preview article .article-thumbnail {
	display: table-cell;
	width: 35%;
}

@media (width <= 769px) {
	.category-preview article .article-thumbnail {
		display: block;
		width: 100%;
	}
}

.category-preview article .article-thumbnail img {
	width: 100%;
	height: auto;
}

.category-preview article .article-cont {
	position: relative;
	display: table-cell;
	width: 65%;
	height: 170px;
	padding-left: 50px;
	vertical-align: top;
}

@media (width <= 769px) {
	.category-preview article .article-cont {
		display: block;
		width: 100%;
		height: 100px;
		padding-left: 0;
	}
}

.category-preview article .article-cont .article-title {
	max-height: 72px;
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 18px;
	line-height: 24px;
	text-align: left;
}

.category-preview article .article-cont .article-title a {
	color: inherit;
}

.category-preview article .article-cont .article-meta-info {
	position: absolute;
	bottom: 0;
}

.category-preview article .article-cont .article-meta-info .tag-lists {
	max-height: 55px;
	margin-bottom: 5px;
	overflow: hidden;
}

.category-preview
	article
	.article-cont
	.article-meta-info
	.tag-lists
	.article-tags {
	box-sizing: border-box;
	display: inline-block;
	float: left;
	padding: 2px 5px;
	margin: 0 5px 5px 0;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none !important;
	word-break: break-word;
	border: 1px solid #999;
	border-radius: 2px;
}

.category-preview
	article
	.article-cont
	.article-meta-info
	.tag-lists
	.article-tags::before {
	margin-right: 2px;
	font-family: fontawesome;
	content: "\f02b";
}

@media (width <= 769px) {
	.category-preview article .article-cont .article-meta-info .tag-lists {
		display: none;
	}
}

.category-preview article .article-cont .article-meta-info .article-author,
.category-preview article .article-cont .article-meta-info .article-category,
.category-preview article .article-cont .article-meta-info .post-date {
	margin-right: 10px;
	font-size: 14px;
	color: #777;
}

.category-preview article .article-cont .article-meta-info .article-author .fa,
.category-preview
	article
	.article-cont
	.article-meta-info
	.article-category
	.fa,
.category-preview article .article-cont .article-meta-info .post-date .fa {
	margin-right: 5px;
}

.category-preview article .article-cont .article-meta-info .post-date::before {
	margin-right: 5px;
	font-family: fontAweSome;
	content: "\f073";
}

.category-preview
	article
	.article-cont
	.article-meta-info
	.article-author::before {
	margin-right: 5px;
	font-family: fontAweSome;
	content: "\f007";
}

.category-preview
	article
	.article-cont
	.article-meta-info
	.article-category::before {
	margin-right: 5px;
	font-family: fontAweSome;
	content: "\f115";
}

.row {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.row .col {
	display: table-cell;
	padding: 0 10px 10px;
}

.row .col img {
	width: 100%;
}

.row .col.list {
	vertical-align: top;
}

@media (width <= 769px) {
	.row {
		display: block;
		width: 100%;
		table-layout: auto !important;
	}

	.row .col {
		display: block !important;
		width: 100% !important;
		padding: 0;
	}

	.row .col img:not(.richtext img, .gallery img) {
		width: 100%;
		border-radius: 5px;
	}
}

.contact-submit {
	display: none;
}

.foot-copyright {
	padding: 20px;
	margin-top: 5px;
}

.foot-copyright p {
	color: #eee;
	text-align: center;
	white-space: pre-wrap;
}

.cta-column {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	flex-flow: column nowrap;
	width: 0;
	height: auto;
	margin: 10px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-flex: 1;
}

@media screen and (width <= 769px) {
	.cta-column {
		width: 100%;
	}
}

.cta-row {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	flex-flow: row wrap;
	height: auto;
	min-height: 40px;
	margin: 10px;
	word-wrap: break-word;
	-webkit-box-flex: 1;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}

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

.cta-button.right {
	text-align: right;
}

.cta-button.left {
	text-align: left;
}

.cta-button a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
}

.cta-button a:hover {
	opacity: 0.8;
}

.cta-button a.blue {
	color: #fff;
	background: #254a73;
}

.cta-button a.red {
	color: #fff;
	background: #c00808;
}

.cta-button a.orange {
	color: #fff;
	background: #ec7413;
}

.cta-button a.white {
	color: #555;
	background: #fff;
}

.cta-button a.black {
	color: #fff;
	background: #111;
}

.cta-button a.size-s {
	padding: 5px 20px;
	font-size: 15.4px;
}

.cta-button a.size-m {
	padding: 10px 30px;
	font-size: 21px;
}

.cta-button a.size-l {
	display: block;
	padding: 20px;
	font-size: 28px;
}

.cta-image {
	height: 100%;
}

.cta-heading.heading-align-left h1,
.cta-heading.heading-align-left h2,
.cta-heading.heading-align-left h3,
.cta-heading.heading-align-left h4,
.cta-heading.heading-align-left h5 {
	text-align: left !important;
}

.cta-heading.heading-align-center h1,
.cta-heading.heading-align-center h2,
.cta-heading.heading-align-center h3,
.cta-heading.heading-align-center h4,
.cta-heading.heading-align-center h5 {
	text-align: center !important;
}

.cta-heading.heading-align-right h1,
.cta-heading.heading-align-right h2,
.cta-heading.heading-align-right h3,
.cta-heading.heading-align-right h4,
.cta-heading.heading-align-right h5 {
	text-align: right !important;
}

.cta .ctrl-component-ui select {
	width: 100%;
	max-width: calc(fit-content + 10px);
	text-overflow: ellipsis;
}

.cta .cta-preview-invisible {
	opacity: 0.2;
}

.block-action-cta-component {
	width: 100% !important;
}

.block-action-cta-component label {
	width: 50%;
}

.block-action-cta-component label:last-child a {
	display: block;
	float: left;
	margin-left: 6px;
	color: #fff;
}

.block-action-cta-component label:last-child i {
	float: right;
	margin-right: 10px;
	color: #fff;
	cursor: pointer;
}

.easy-assist-sitemap.component.entry-list .entry-list-unit .cont h3 {
	margin: 2px;
}

.theme-hu-0006-01 .wrapper .easy-assist-case .component.text p {
	padding: 0 4px;
}

.theme-hu-0006-01 .wrapper .easy-assist-case .component.image {
	margin: 20px 0;
}

.theme-hu-0006-01 .wrapper .easy-assist-service .component.image {
	margin: 10px 8px;
}

.theme-hu-0006-01 .wrapper .easy-assist-case .component.text p {
	padding: 0 4px;
}

.theme-hu-0006-01 .wrapper .easy-assist-service .component.text p {
	padding: 0 8px;
}

.theme-hu-0006-01
	.wrapper
	.easy-assist-download-form
	.component.form
	.form-label.require::after {
	padding: 3px 7px;
	margin-left: 10px;
	font-size: 11px;
	color: #fff;
	white-space: nowrap;
	vertical-align: top;
	content: "必須";
	background: #25809d;
	border-radius: 2px;
}

.theme-hu-0006-01 .wrapper .easy-assist-download-page,
.theme-hu-0006-01 .wrapper .easy-assist-thank-page {
	padding: 0 100px;
}

.theme-hu-0006-01 .wrapper .easy-assist-download-page .title h2,
.theme-hu-0006-01 .wrapper .easy-assist-download-page h3,
.theme-hu-0006-01 .wrapper .easy-assist-thank-page .title h2,
.theme-hu-0006-01 .wrapper .easy-assist-thank-page h3 {
	font-weight: 700;
}

.theme-hu-0006-01 .wrapper .easy-assist-download-page .notice h3,
.theme-hu-0006-01 .wrapper .easy-assist-thank-page .notice h3 {
	font-size: 22px;
	font-weight: 600;
}

.theme-hu-0006-01 .wrapper .easy-assist-download-page .notice.button,
.theme-hu-0006-01 .wrapper .easy-assist-thank-page .notice.button {
	padding: 0 150px;
}

.theme-hu-0006-01
	.wrapper
	.easy-assist-download-page
	.notice.button
	.button-cont
	a.size-l,
.theme-hu-0006-01
	.wrapper
	.easy-assist-thank-page
	.notice.button
	.button-cont
	a.size-l {
	padding: 15px 20px;
}

.theme-hu-0006-01 .wrapper .easy-assist-download-page .notice.text,
.theme-hu-0006-01 .wrapper .easy-assist-thank-page .notice.text {
	padding: 0 150px;
}

.theme-hu-0006-01
	.wrapper
	.easy-assist-faqs.faq-block
	.inner
	.faq-box
	.answer
	.rich-content,
.theme-hu-0006-01
	.wrapper
	.easy-assist-faqs.faq-block
	.inner
	.faq-box
	.answer
	p,
.theme-hu-0006-01
	.wrapper
	.easy-assist-faqs.faq-block
	.inner
	.faq-box
	.answer.rich-content,
.theme-hu-0006-01
	.wrapper
	.easy-assist-faqs.faq-block
	.inner
	.faq-box
	.question
	.rich-content,
.theme-hu-0006-01
	.wrapper
	.easy-assist-faqs.faq-block
	.inner
	.faq-box
	.question
	p,
.theme-hu-0006-01
	.wrapper
	.easy-assist-faqs.faq-block
	.inner
	.faq-box
	.question.rich-content {
	left: 40px;
	width: 86%;
	font-size: 16px;
}

.theme-hu-0006-01
	.wrapper
	.easy-assist-faqs.faq-block
	.inner
	.faq-box
	.answer
	.rich-content::before,
.theme-hu-0006-01
	.wrapper
	.easy-assist-faqs.faq-block
	.inner
	.faq-box
	.answer
	p::before,
.theme-hu-0006-01
	.wrapper
	.easy-assist-faqs.faq-block
	.inner
	.faq-box
	.answer.rich-content::before,
.theme-hu-0006-01
	.wrapper
	.easy-assist-faqs.faq-block
	.inner
	.faq-box
	.question
	.rich-content::before,
.theme-hu-0006-01
	.wrapper
	.easy-assist-faqs.faq-block
	.inner
	.faq-box
	.question
	p::before,
.theme-hu-0006-01
	.wrapper
	.easy-assist-faqs.faq-block
	.inner
	.faq-box
	.question.rich-content::before {
	position: absolute;
	left: -30px;
}

.component.embed_tw twitter-widget,
.component.embed_tw twitterwidget {
	width: auto !important;
}

.component.embed_tw .twitter-video {
	min-width: initial !important;
}

.component.embed_facebook iframe {
	max-width: 100%;
}

.embed_instagram > iframe {
	min-width: initial !important;
}

.embed_ig > iframe {
	min-width: initial !important;
}

.embed-ig-preview {
	height: 100%;
	background: #3f4b68;
}

.embed-ig-preview svg {
	fill: #8e9bb4;
}

.embed-ig-preview p {
	color: #fff;
	text-align: center;
}

@media (width >= 769px) {
	.entry-image-card-1-col .article-list,
	.entry-image-card-2-col .article-list,
	.entry-image-card-3-col .article-list {
		display: block !important;
		letter-spacing: -0.4em;
	}

	.entry-image-card-1-col .article-list > *,
	.entry-image-card-2-col .article-list > *,
	.entry-image-card-3-col .article-list > * {
		box-sizing: border-box;
		letter-spacing: normal;
	}

	.entry-image-card-1-col .article-list .entry-list-unit,
	.entry-image-card-2-col .article-list .entry-list-unit,
	.entry-image-card-3-col .article-list .entry-list-unit {
		display: inline-block !important;
		margin: 6px !important;
		background: #fff;
		border-bottom: 0;
		box-shadow: 0 0 3px #ddd;
	}

	.entry-image-card-1-col .article-list .entry-list-unit .img,
	.entry-image-card-2-col .article-list .entry-list-unit .img,
	.entry-image-card-3-col .article-list .entry-list-unit .img {
		display: block !important;
		width: 100% !important;
		padding-right: 0 !important;
	}

	.entry-image-card-1-col .article-list .entry-list-unit .cont,
	.entry-image-card-2-col .article-list .entry-list-unit .cont,
	.entry-image-card-3-col .article-list .entry-list-unit .cont {
		width: 100%;
		border: 0;
	}

	.entry-image-card-1-col .article-list .entry-list-unit .cont a,
	.entry-image-card-1-col .article-list .entry-list-unit .cont h3,
	.entry-image-card-1-col .article-list .entry-list-unit .cont h4,
	.entry-image-card-1-col .article-list .entry-list-unit .cont p,
	.entry-image-card-2-col .article-list .entry-list-unit .cont a,
	.entry-image-card-2-col .article-list .entry-list-unit .cont h3,
	.entry-image-card-2-col .article-list .entry-list-unit .cont h4,
	.entry-image-card-2-col .article-list .entry-list-unit .cont p,
	.entry-image-card-3-col .article-list .entry-list-unit .cont a,
	.entry-image-card-3-col .article-list .entry-list-unit .cont h3,
	.entry-image-card-3-col .article-list .entry-list-unit .cont h4,
	.entry-image-card-3-col .article-list .entry-list-unit .cont p {
		padding: 0;
		margin: 10px 0;
	}

	.entry-image-card-1-col .article-list .entry-list-unit .cont h3 a,
	.entry-image-card-2-col .article-list .entry-list-unit .cont h3 a,
	.entry-image-card-3-col .article-list .entry-list-unit .cont h3 a {
		margin: 0;
	}

	.entry-image-card-1-col .entry-list-unit {
		width: calc(100% - 6px * 2);
	}

	.entry-image-card-2-col .entry-list-unit {
		width: calc(100% / 2 - 6px * 2);
	}

	.entry-image-card-2-col .entry-list-unit .update-time {
		display: block;
		margin-top: 5px;
	}

	.entry-image-card-3-col .entry-list-unit {
		width: calc(33.33% - 6px * 2);
	}

	.entry-image-card-3-col .entry-list-unit .update-time {
		display: block;
		margin-top: 5px;
	}

	.component:not(.entry-image-card-3-col, .entry-image-card-2-col)
		.update-time::before {
		content: "（";
	}

	.component:not(.entry-image-card-3-col, .entry-image-card-2-col)
		.update-time::after {
		content: "）";
	}

	.contents .entry-list .entry-list-unit .cont h3 {
		max-height: calc(25px * 3);
		overflow: hidden;
		line-height: 25px;
	}

	.contents .entry-list .entry-list-unit .cont h3 a:focus-visible {
		border: 2px solid #cd820a;
	}

	.contents .entry-list .entry-list-unit .cont p.description {
		max-height: 100px;
		overflow: hidden;
		line-height: 20px;
	}
}

.entry-image-list .article-list {
	display: block !important;
}

.entry-image-list .article-list .entry-list-unit {
	box-sizing: border-box;
	display: table !important;
	width: 100%;
	border-bottom: 1px dashed #ddd !important;
	box-shadow: none !important;
}

.entry-image-list .article-list .entry-list-unit .cont,
.entry-image-list .article-list .entry-list-unit .img {
	display: table-cell !important;
}

.entry-image-list .article-list .entry-list-unit .img {
	width: 40% !important;
	padding-right: 0;
}

.entry-image-list .article-list .entry-list-unit .cont {
	width: 60% !important;
}

.entry-list .entry-list-unit {
	position: relative;
	padding: 10px;
	vertical-align: top;
	border-bottom: dashed 1px #ddd;
}

.entry-list .entry-list-unit .cont,
.entry-list .entry-list-unit .img {
	display: table-cell;
	vertical-align: top;
}

.entry-list .entry-list-unit .img {
	width: 40%;
	max-height: 20%;
	padding-right: 25px;
	overflow: hidden;
}

.entry-list .entry-list-unit .img img {
	width: 100%;
	border-radius: 3px;
}

.entry-list .entry-list-unit .cont {
	width: 60%;
	word-break: break-all;
	border-left: solid 5px #f7f7f7;
}

.entry-list .entry-list-unit .cont .description {
	word-break: break-all;
}

.entry-list .entry-list-unit .cont a {
	color: #555;
}

.entry-list .entry-list-unit .cont a:hover {
	text-decoration: underline;
}

.entry-list .entry-list-unit .cont h3 {
	margin: 10px;
}

.entry-list .entry-list-unit .cont h3 a {
	display: block;
	padding: 0 20px;
	font-size: 15.4px;
	font-weight: 700;
}

.entry-list .entry-list-unit .cont h4 {
	padding: 0 20px;
	margin: 10px;
	font-size: 14px;
	color: gray;
}

.entry-list .entry-list-unit .cont p {
	padding: 0 20px;
	margin: 10px 0;
	font-size: 14px;
}

.entry-list .entry-list-unit .cont .tags {
	padding: 3px;
}

.entry-list .entry-list-unit .cont .tags .tag {
	display: inline-block;
	padding: 4px 8px;
	margin: 5px;
	font-size: 13px;
	text-decoration: none !important;
	border: 1px solid #ddd;
}

.entry-list .entry-list-unit .cont .tags .tag i {
	margin-right: 5px;
}

.entry-list .pagination {
	display: block;
	padding: 5px;
	margin: 0 auto;
	font-size: 10px;
	text-align: center;
	letter-spacing: -0.4em;
}

.entry-list .pagination li {
	display: inline-block;
	margin: 0 5px;
	letter-spacing: normal;
}

.entry-list .pagination li a {
	box-sizing: initial;
	display: block;
	float: left;
	min-width: 30px;
	height: 10px;
	padding: 10px;
	font-weight: 700;
	line-height: 10px;
	color: #777;
	border: 1px solid #ccc;
	border-radius: 100px;
}

.entry-list .pagination li a:hover {
	color: #777;
	background: #fff;
}

.entry-list .pagination .active {
	background: #ddd;
	border-radius: 100px;
}

.entry-list .pagination > .active > a {
	display: block;
	color: #fff;
	background: #ddd;
}

.article-per-page {
	margin-top: 20px;
	text-align: center;
}

.article-per-page select,
.article-per-page span {
	display: inline-block;
	margin: 0 10px;
}

.article-per-page input,
.article-per-page select,
.article-per-page textarea {
	padding: 0 2%;
	font-size: 14px;
	background-color: rgb(255 255 255 / 30%);
	border: solid 1px #ddd;
	border-radius: 4px;
}

.article-per-page input:focus,
.article-per-page select:focus,
.article-per-page textarea:focus {
	border: solid 2px #cd820a;
}

.article-per-page select {
	width: 20%;
	max-width: 100px;
	height: 37px;
}

.side .entry-list .entry-list-unit {
	padding: 10px 0;
	margin: 10px 0;
}

.side .entry-list .entry-list-unit .img {
	padding-right: 10px;
}

.side .entry-list .cont {
	width: 60%;
	border-left: solid 5px #f7f7f7;
}

.side .entry-list .cont a {
	color: #555;
}

.side .entry-list .cont a:hover {
	text-decoration: underline;
}

.side .entry-list .cont h3 {
	margin: 5px;
}

.side .entry-list .cont h3 a {
	display: block;
	padding: 0 5px;
	font-size: 14px;
	font-weight: 700;
}

.side .entry-list .cont h4 {
	padding: 0 5px;
	margin: 5px;
	font-size: 12.6px;
	color: gray;
}

.side .entry-list .cont p {
	padding: 0 5px;
	margin: 5px;
	font-size: 12.6px;
}

@media (width <= 769px) {
	.entry-list .entry-list-unit {
		padding: 10px 0;
		margin: 10px 0;
	}

	.entry-list .entry-list-unit .cont,
	.entry-list .entry-list-unit .img {
		display: block;
		width: 100%;
		padding: 0;
	}

	.entry-list .entry-list-unit .cont h3,
	.entry-list .entry-list-unit .img h3 {
		padding-left: 10px;
		margin: 10px 0;
	}

	.entry-list .entry-list-unit .cont h3 a,
	.entry-list .entry-list-unit .img h3 a {
		display: block;
		padding: 0;
		font-size: 15.4px;
	}

	.entry-list .entry-list-unit .cont h4,
	.entry-list .entry-list-unit .img h4 {
		padding: 0;
		padding-left: 10px;
		margin: 10px 0;
		font-size: 14px;
	}

	.entry-list .entry-list-unit .cont p,
	.entry-list .entry-list-unit .img p {
		padding: 0;
		padding-left: 10px;
		margin: 10px 0;
		font-size: 14px;
	}

	.entry-list .entry-list-unit .update-time {
		display: block;
		margin-top: 5px;
	}

	.entry-list.entry-image-list .entry-list-unit {
		display: table;
		width: 100%;
	}

	.entry-list.entry-image-list .entry-list-unit .cont,
	.entry-list.entry-image-list .entry-list-unit .img {
		display: table-cell;
		vertical-align: top;
	}

	.entry-list.entry-image-list .entry-list-unit .img {
		width: 40%;
		padding-right: 0;
	}

	.entry-list.entry-image-list .entry-list-unit .cont {
		width: 60%;
	}

	.entry-list.entry-image-list .entry-list-unit .cont h3 {
		margin: 0 0 10px;
	}
}

.component.fbcomment .fb-comments,
.component.fbcomment .fb-comments span,
.component.fbcomment .fb-comments span iframe[style] {
	box-sizing: padding-box !important;
	width: 100% !important;
}

.component.fbcomment .fb-comments span iframe[style].disable-click,
.component.fbcomment .fb-comments span.disable-click,
.component.fbcomment .fb-comments.disable-click {
	pointer-events: none;
}

.component.fblikebox .fb-page,
.component.fblikebox .fb-page span,
.component.fblikebox .fb-page span iframe[style] {
	box-sizing: padding-box !important;
	width: 100% !important;
}

.component.fblikebox .fb-page span iframe[style].disable-click,
.component.fblikebox .fb-page span.disable-click,
.component.fblikebox .fb-page.disable-click {
	pointer-events: none;
}

.flex-container a:active,
.flex-container a:focus,
.flexslider a:active,
.flexslider a:focus {
	outline: 0;
}

.flex-control-nav,
.flex-direction-nav,
.slides {
	padding: 0;
	margin: 0;
	list-style: none;
}

.flexslider {
	padding: 0;
	margin: 0;
}

.flexslider .slides > li {
	backface-visibility: hidden;
}

.flexslider .slides img {
	display: block;
	width: 100%;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.slides::after {
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
	content: "\0020";
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {
	display: block;
}

.flexslider {
	position: relative;
	margin: 0 0 60px;
	zoom: 1;
	background: #fff;
	border: 4px solid #fff;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
}

.flex-viewport {
	max-height: 2000px;
	transition: all 1s ease;
}

.loading .flex-viewport {
	max-height: 300px;
}

.flexslider .slides {
	zoom: 1;
}

.carousel li {
	margin-right: 5px;
}

.flex-direction-nav a {
	position: absolute;
	top: 50%;
	z-index: 10;
	display: block;
	width: 40px;
	height: 40px;
	margin: -20px 0 0;
	overflow: hidden;
	color: rgb(0 0 0 / 80%);
	text-decoration: none;
	text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
	cursor: pointer;
	opacity: 0;
	transition: all 0.3s ease;
}

.flex-direction-nav .flex-prev {
	left: -50px;
}

.flex-direction-nav .flex-next {
	right: -50px;
	text-align: right;
}

.flexslider:hover .flex-prev {
	left: 10px;
	opacity: 0.7;
}

.flexslider:hover .flex-next {
	right: 10px;
	opacity: 0.7;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .flex-disabled {
	cursor: default;
	opacity: 0 !important;
}

.flex-direction-nav a::before {
	display: inline-block;
	font-family: FontAwesome;
	font-size: 40px;
	line-height: 1;
	content: "\f104";
}

.flex-direction-nav a.flex-next::before {
	content: "\f105";
}

.flex-pauseplay a {
	position: absolute;
	bottom: 5px;
	left: 10px;
	z-index: 10;
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	color: #000;
	cursor: pointer;
	opacity: 0.8;
}

.flex-pauseplay a::before {
	display: inline-block;
	font-family: FontAwesome;
	font-size: 20px;
	content: "\f04c";
}

.flex-pauseplay a:hover {
	opacity: 1;
}

.flex-pauseplay a.flex-play::before {
	content: "\f04b";
}

.flex-control-nav {
	position: absolute;
	bottom: -40px;
	width: 100%;
	text-align: center;
}

.flex-control-nav li {
	display: inline-block;
	margin: 0 6px;
	zoom: 1;
}

.flex-control-paging li a {
	display: block;
	width: 11px;
	height: 11px;
	text-indent: -9999px;
	cursor: pointer;
	background: rgb(0 0 0 / 50%);
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgb(0 0 0 / 30%);
}

.flex-control-paging li a:hover {
	background: rgb(0 0 0 / 70%);
}

.flex-control-paging li a.flex-active {
	cursor: default;
	background: rgb(0 0 0 / 90%);
}

.flex-control-thumbs {
	position: static;
	margin: 5px 0 0;
	overflow: hidden;
}

.flex-control-thumbs li {
	float: left;
	width: 25%;
	margin: 0;
}

.flex-control-thumbs img {
	display: block;
	width: 100%;
	cursor: pointer;
	opacity: 0.7;
}

.flex-control-thumbs img:hover {
	opacity: 1;
}

.flex-control-thumbs .flex-active {
	cursor: default;
	opacity: 1;
}

@media screen and (width <= 860px) {
	.flex-direction-nav .flex-prev {
		left: 10px;
		opacity: 1;
	}

	.flex-direction-nav .flex-next {
		right: 10px;
		opacity: 1;
	}
}

.flexslider {
	border: 0;
}

.flexslider:has(a:focus-visible) {
	outline: 2px solid #cd820a;
	outline-offset: 5px;
}

.foot {
	width: 100%;
	color: #eee;
	background: #25809d;
}

.foot button,
.foot input,
.foot optgroup,
.foot select,
.foot textarea {
	color: #333;
}

.foot .foot-copyright {
	background: #081b21;
}

.component.form .show-notice {
	margin: 10px 0;
}

.component.form .show-notice .alert {
	padding: 16px;
	font-size: 14px;
	font-weight: 700;
	border-radius: 4px;
}

.component.form .show-notice .alert button {
	display: none;
}

.component.form .show-notice .alert p {
	padding-left: 10px;
	font-weight: 400;
}

.component.form .show-notice .alert p::before {
	content: "・";
}

.component.form .show-notice .alert-danger {
	color: #a2122f;
	background-color: #fedddd;
}

.wrapper.side-left .contents .component.form .form-label,
.wrapper.side-right .contents .component.form .form-label {
	color: #333;
}

.component.form .form-title {
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 18.2px;
	color: #333;
	word-break: break-all;
}

.component.form .form-label {
	font-size: 15.4px;
	font-weight: 700;
	text-align: left;
	word-wrap: break-word;
}

.component.form .form-label.service_term {
	height: 200px;
	overflow-y: scroll;
	font-size: 14px;
	font-weight: 400;
}

.component.form .form-label.require::after {
	padding: 3px 7px;
	font-size: 11px;
	color: #fff;
	white-space: nowrap;
	content: "必須";
	background: #25809d;
	border-radius: 2px;
}

.component.form .form-label span {
	padding: 3px 10px;
	margin: 0 5px;
	font-size: 10px;
	color: #fff;
	background: #ccc;
	border-radius: 3px;
}

.component.form .group {
	margin: 10px 0;
}

.component.form input,
.component.form select,
.component.form textarea {
	min-height: 30px;
	font-size: 16.8px;
	background-color: rgb(255 255 255 / 30%);
	border: solid 1px #ddd;
	border-radius: 4px;
}

.component.form input:focus,
.component.form select:focus,
.component.form textarea:focus {
	border: solid 2px #cd820a;
}

.component.form textarea {
	min-height: 130px;
	resize: vertical;
}

.component.form .checkbox,
.component.form .radio {
	margin-top: 0;
}

.component.form .service_term {
	max-height: 200px;
	padding: 10px;
	margin: 30px 0;
	overflow: scroll;
	border: solid 1px #eee;
}

.component.form .service_term_link > a {
	font-size: inherit;
	color: inherit;
	text-decoration: underline;
}

:not(:root:root:root) .component.form .service_term_link > a {
	overflow-wrap: anywhere;
}

.component.form .service_term_link + .agreement > .agree {
	margin-left: 0;
}

@keyframes switchtext {
	from {
		opacity: 1;
	}

	to {
		opacity: 0.3;
	}
}

@keyframes switchtext {
	from {
		opacity: 1;
	}

	to {
		opacity: 0.3;
	}
}

@keyframes switchtext {
	from {
		opacity: 1;
	}

	to {
		opacity: 0.3;
	}
}

.component.form input[type="date"],
.component.form input[type="email"],
.component.form input[type="password"],
.component.form input[type="search"],
.component.form input[type="text"],
.component.form input[type="url"],
.component.form select,
.component.form textarea {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	height: 38px;
	padding: 3px 10px;
	font-size: 16px;
	font-weight: 300;
	color: #555;
	background: #eee;
	border: solid 1px #ddd;
	border-radius: 2px;
	outline: 0;
	transition: background-color 0.1s linear;
}

.component.form input[type="date"]:hover,
.component.form input[type="email"]:hover,
.component.form input[type="password"]:hover,
.component.form input[type="search"]:hover,
.component.form input[type="text"]:hover,
.component.form input[type="url"]:hover,
.component.form select:hover,
.component.form textarea:hover {
	background-color: #ceeaf3;
}

.component.form input[type="date"]:focus,
.component.form input[type="email"]:focus,
.component.form input[type="password"]:focus,
.component.form input[type="search"]:focus,
.component.form input[type="text"]:focus,
.component.form input[type="url"]:focus,
.component.form select:focus,
.component.form textarea:focus {
	background-color: #f7fcfd;
	border: solid 2px #cd820a;
}

.component.form input.form-error,
.component.form select.form-error,
.component.form textarea.form-error {
	font-size: 16.8px;
	background-color: rgb(255 255 255 / 30%);
	border: 1px solid #ed3f2f !important;
	border-radius: 4px;
}

.component.form input.form-error:focus,
.component.form select.form-error:focus,
.component.form textarea.form-error:focus {
	border: solid 2px #cd820a;
}

.component.form input[type="date"].form-error,
.component.form input[type="email"].form-error,
.component.form input[type="password"].form-error,
.component.form input[type="search"].form-error,
.component.form input[type="text"].form-error,
.component.form input[type="url"].form-error,
.component.form select.form-error,
.component.form textarea.form-error {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	height: 38px;
	padding: 3px 10px;
	font-size: 16px;
	font-weight: 300;
	color: #555;
	background: #fdf5f2;
	border: 1px solid #ed3f2f !important;
	border-radius: 2px;
	outline: 0;
	transition: background-color 0.1s linear;
}

.component.form input[type="date"].form-error:hover,
.component.form input[type="email"].form-error:hover,
.component.form input[type="password"].form-error:hover,
.component.form input[type="search"].form-error:hover,
.component.form input[type="text"].form-error:hover,
.component.form input[type="url"].form-error:hover,
.component.form select.form-error:hover,
.component.form textarea.form-error:hover {
	background-color: #ceeaf3;
}

.component.form input[type="date"].form-error:focus,
.component.form input[type="email"].form-error:focus,
.component.form input[type="password"].form-error:focus,
.component.form input[type="search"].form-error:focus,
.component.form input[type="text"].form-error:focus,
.component.form input[type="url"].form-error:focus,
.component.form select.form-error:focus,
.component.form textarea.form-error:focus {
	background-color: #f7fcfd;
	border: solid 2px #cd820a;
}

.component.form input[type="checkbox"],
.component.form input[type="radio"] {
	min-height: initial;
	margin: 0 10px 0 20px;
}

.component.form input[type="text"].input-last-name {
	width: 49%;
	margin-right: 1%;
}

.component.form input[type="text"].input-first-name {
	width: 49%;
	margin-left: 1%;
}

.component.form .form-submit {
	text-align: center;
}

.component.form .form-submit .popup-link {
	height: auto;
	font-size: 21px;
	color: #fff;
	cursor: pointer;
	background: #25809d;
	border: solid 2px #fff;
}

.component.form .form-submit .popup-link.disabled {
	pointer-events: none;
	opacity: 0.5;
}

.component.form .form-submit .popup-link:hover {
	opacity: 0.8;
	transition:
		background-color 0.2s linear,
		color 0.2s linear;
}

.component.form .form-submiting {
	display: none;
	color: #ed3f2f;
	text-align: center;
}

.component.form .form-submiting .form-submiting-indicator {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
}

.component.form .form-submiting .form-submiting-indicator > div {
	position: absolute;
	left: 6px;
	display: inline-block;
	width: 13px;
	background: #ed3f2f;
	animation: lds-form-uploading 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.component.form .form-submiting .form-submiting-indicator > div:first-child {
	left: 6px;
	animation-delay: -0.24s;
}

.component.form .form-submiting .form-submiting-indicator > div:nth-child(2) {
	left: 26px;
	animation-delay: -0.12s;
}

.component.form .form-submiting .form-submiting-indicator > div:nth-child(3) {
	left: 45px;
	animation-delay: 0;
}

@keyframes lds-form-uploading {
	0% {
		top: 6px;
		height: 26px;
	}

	100%,
	50% {
		top: 13px;
		height: 13px;
	}
}

.contents .component.form.vertical .form-label,
.foot-cont .component.form.vertical .form-label,
.main-visual .component.form.vertical .form-label {
	display: block;
	padding-bottom: 5px;
}

.contents .component.form.vertical .form-label.require::after,
.foot-cont .component.form.vertical .form-label.require::after,
.main-visual .component.form.vertical .form-label.require::after {
	display: inline-block;
}

.contents .component.form.vertical .form-cont,
.foot-cont .component.form.vertical .form-cont,
.main-visual .component.form.vertical .form-cont {
	display: block;
}

.contents .component.form.vertical .form-cont.form-error,
.foot-cont .component.form.vertical .form-cont.form-error,
.main-visual .component.form.vertical .form-cont.form-error {
	display: block;
	background: #fdf5f2;
	border: 1px solid #ed3f2f !important;
}

.contents .component.form.horizontal .group,
.foot-cont .component.form.horizontal .group,
.main-visual .component.form.horizontal .group {
	display: table;
	width: 100%;
}

.contents .component.form.horizontal .form-label,
.foot-cont .component.form.horizontal .form-label,
.main-visual .component.form.horizontal .form-label {
	display: table-cell;
	width: 30%;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}

.contents .component.form.horizontal .form-label.require,
.foot-cont .component.form.horizontal .form-label.require,
.main-visual .component.form.horizontal .form-label.require {
	position: relative;
	padding-right: 60px;
}

.contents .component.form.horizontal .form-label.require::after,
.foot-cont .component.form.horizontal .form-label.require::after,
.main-visual .component.form.horizontal .form-label.require::after {
	position: absolute;
	top: 7px;
	right: 10px;
}

.contents .component.form.horizontal .form-label.agree-label,
.foot-cont .component.form.horizontal .form-label.agree-label,
.main-visual .component.form.horizontal .form-label.agree-label {
	display: inline-block;
	width: initial;
}

.contents .component.form.horizontal .form-cont,
.foot-cont .component.form.horizontal .form-cont,
.main-visual .component.form.horizontal .form-cont {
	display: table-cell;
	width: 70%;
	padding: 5px 0;
}

.contents .form-submit .popup-link,
.foot-cont .form-submit .popup-link,
.main-visual .form-submit .popup-link {
	padding: 10px 60px;
	color: #fff;
}

.contents .form-label,
.foot-cont .form-label,
.main-visual .form-label {
	font-size: 14px;
}

.side .component.form .form-title {
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 18.2px;
	color: #333;
	border-bottom: 1px solid #000;
}

.side .component.form form .group {
	margin-bottom: 10px;
}

.side .component.form .form-label {
	display: block;
	margin: 0 0 5px;
	font-size: 16.8px;
}

.side .component.form .form-cont {
	display: block;
	margin: 0;
}

.side .component.form .form-cont input {
	padding: 0;
	margin: 0;
}

.side .component.form .form-cont input[type="text"],
.side .component.form .form-cont select,
.side .component.form .form-cont textarea {
	width: 96%;
	padding: 0 2%;
	margin: 0;
}

.side .component.form .form-cont.form-error {
	display: block;
	margin: 0;
	background: #fdf5f2;
	border: 1px solid #ed3f2f !important;
}

.side .component.form .form-cont.form-error input {
	padding: 0;
	margin: 0;
}

.side .component.form .form-cont.form-error input[type="text"],
.side .component.form .form-cont.form-error select,
.side .component.form .form-cont.form-error textarea {
	width: 96%;
	padding: 0 2%;
	margin: 0;
}

.side .component.form .form-submit {
	margin: 10px 0;
	text-align: center;
}

.side .component.form .form-submit .popup-link {
	width: 100%;
	padding: 10px 0;
	font-size: 18.2px;
	color: #fff;
}

.foot-cont .component.form .form-title {
	padding-bottom: 0;
	padding-left: 5px;
	font-size: 19.6px;
	color: #aaa;
	text-shadow: none;
	border-bottom: solid 1px #bbb;
}

.foot-cont .component.form .form-label {
	display: block;
	margin: 0 0 5px;
	font-size: 15.4px;
	font-weight: 400;
	color: #eee;
	text-shadow: none;
}

.foot-cont .component.form .form-cont {
	display: block;
	margin: 0;
	color: #eee;
}

.foot-cont .component.form .form-cont input[type="radio"] {
	color: #eee;
}

.foot-cont .component.form .form-submit {
	margin: 10px 0;
}

.foot-cont .component.form .form-submit .popup-link {
	width: 100%;
	padding: 10px 0;
	font-size: 19.6px;
	color: #fff;
}

@media (width <= 769px) {
	.contents .component.form.horizontal .form-label {
		display: block !important;
		width: 100%;
	}

	.contents .component.form.horizontal .form-label.require {
		padding-right: 0;
	}

	.contents .component.form.horizontal .form-label.require::after {
		position: relative;
		top: 0;
		right: auto;
		display: inline-block;
		padding: 3px 7px;
	}

	.contents .component.form.horizontal .form-cont {
		display: block !important;
		width: 100%;
	}

	.component.form .form-submit .popup-link {
		width: 100%;
		padding: 0;
		margin: 10px 0;
		font-size: 16.8px;
		line-height: 37px;
	}

	.component.form .form-title {
		font-size: 16.8px;
	}

	.component.form .form-label {
		font-size: 14px;
	}

	.component.form input[type="text"],
	.component.form select,
	.component.form textarea {
		width: 100%;
	}
}

.wrapper .side.left {
	z-index: 101;
}

.wrapper .contents {
	z-index: 100;
}

.form-component-modal.component.form input,
.form-component-modal.component.form select,
.form-component-modal.component.form textarea {
	padding: 5px 10px;
	font-size: 15px;
}

.fc {
	font-weight: 400 !important;
	text-align: left;
	direction: ltr;
}

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

.fc table,
html .fc {
	font-size: 1em;
}

.fc td,
.fc th {
	padding: 0;
	font-weight: 400;
	vertical-align: top;
}

.fc-header td {
	white-space: nowrap;
}

.fc-header-left {
	width: 25%;
	text-align: left;
}

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

.fc-header-right {
	width: 25%;
	text-align: right;
}

.fc-header-title {
	display: inline-block;
	vertical-align: top;
}

.fc-header-title h2 {
	margin-top: 0;
	white-space: nowrap;
}

.fc .fc-header-space {
	padding-left: 10px;
}

.fc-header .fc-button {
	margin-bottom: 1em;
	vertical-align: top;
}

.fc-header .fc-button {
	margin-right: -1px;
}

.fc-header .fc-corner-right,
.fc-header .ui-corner-right {
	margin-right: 0;
}

.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
	z-index: 2;
}

.fc-header .fc-state-down {
	z-index: 3;
}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
	z-index: 4;
}

.fc-content {
	clear: both;
}

.fc-view {
	width: 100%;
	overflow: hidden;
}

.fc-widget-content,
.fc-widget-header {
	border: 1px solid #ddd;
}

.fc-state-highlight {
	background: #fcf8e3;
}

.fc-cell-overlay {
	background: #bce8f1;
	opacity: 0.3;
}

.fc-button {
	position: relative;
	display: inline-block;
	height: 1.9em;
	padding: 0 0.6em;
	overflow: hidden;
	line-height: 1.9em;
	white-space: nowrap;
	cursor: pointer;
}

.fc-state-default {
	border: 1px solid;
}

.fc-state-default.fc-corner-left {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.fc-text-arrow {
	margin: 0 0.1em;
	font-family: "Courier New", Courier, monospace;
	font-size: 2em;
	vertical-align: baseline;
}

.fc-button-next .fc-text-arrow,
.fc-button-prev .fc-text-arrow {
	font-weight: 700;
}

.fc-button .fc-icon-wrap {
	position: relative;
	top: 50%;
	float: left;
}

.fc-button .ui-icon {
	position: relative;
	float: left;
	margin-top: -50%;
}

.fc-state-default {
	color: #333;
	text-shadow: 0 1px 1px rgb(255 255 255 / 75%);
	background-color: #f5f5f5;
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: rgb(0 0 0 / 10%) rgb(0 0 0 / 10%) rgb(0 0 0 / 25%);
	box-shadow:
		inset 0 1px 0 rgb(255 255 255 / 20%),
		0 1px 2px rgb(0 0 0 / 5%);
}

.fc-state-active,
.fc-state-disabled,
.fc-state-down,
.fc-state-hover {
	color: #333;
	background-color: #e6e6e6;
}

.fc-state-hover {
	color: #333;
	text-decoration: none;
	background-position: 0 -15px;
	transition: background-position 0.1s linear;
}

.fc-state-active,
.fc-state-down {
	background-color: #ccc;
	background-image: none;
	outline: 0;
	box-shadow:
		inset 0 2px 4px rgb(0 0 0 / 15%),
		0 1px 2px rgb(0 0 0 / 5%);
}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	box-shadow: none;
	opacity: 0.65;
}

.fc-event {
	font-size: 0.85em;
	color: #fff;
	cursor: default;
	background-color: #3a87ad;
	border: 1px solid #3a87ad;
}

a.fc-event {
	text-decoration: none;
}

.fc-event-draggable,
a.fc-event {
	cursor: pointer;
}

.fc-rtl .fc-event {
	text-align: right;
}

.fc-event-inner {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.fc-event-time,
.fc-event-title {
	padding: 0 1px;
}

.fc .ui-resizable-handle {
	position: absolute;
	z-index: 99999;
	display: block;
	overflow: hidden;
	font-size: 300%;
	line-height: 50%;
}

.fc-event-hori {
	margin-bottom: 1px;
	border-width: 1px 0;
}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
	border-left-width: 1px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
	border-right-width: 1px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.fc-event-hori .ui-resizable-e {
	top: 0 !important;
	right: -3px !important;
	width: 7px !important;
	height: 100% !important;
	cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
	top: 0 !important;
	left: -3px !important;
	width: 7px !important;
	height: 100% !important;
	cursor: w-resize;
}

table.fc-border-separate {
	border-collapse: separate;
}

.fc-border-separate td,
.fc-border-separate th {
	border-width: 1px 0 0 1px;
}

.fc-border-separate td.fc-last,
.fc-border-separate th.fc-last {
	border-right-width: 1px;
}

.fc-border-separate tr.fc-last td,
.fc-border-separate tr.fc-last th {
	border-bottom-width: 1px;
}

.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
	border-top-width: 0;
}

.fc-grid th {
	text-align: center;
}

.fc .fc-week-number {
	width: 22px;
	text-align: center;
}

.fc .fc-week-number div {
	padding: 0 2px;
}

.fc-grid .fc-day-number {
	float: right;
	padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number {
	opacity: 0.3;
}

.fc-grid .fc-day-content {
	padding: 2px 2px 1px;
	clear: both;
}

.fc-grid .fc-event-time {
	font-weight: 700;
}

.fc-rtl .fc-grid .fc-day-number {
	float: left;
}

.fc-rtl .fc-grid .fc-event-time {
	float: right;
}

.fc-agenda table {
	border-collapse: separate;
}

.fc-agenda-days th {
	text-align: center;
}

.fc-agenda .fc-agenda-axis {
	width: 50px;
	padding: 0 4px;
	font-weight: 400;
	text-align: right;
	white-space: nowrap;
	vertical-align: middle;
}

.fc-agenda .fc-week-number {
	font-weight: 700;
}

.fc-agenda .fc-day-content {
	padding: 2px 2px 1px;
}

.fc-agenda-days .fc-agenda-axis {
	border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
	border-left-width: 0;
}

.fc-agenda-allday th {
	border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
	min-height: 34px;
}

.fc-agenda-divider-inner {
	height: 2px;
	overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
	background: #eee;
}

.fc-agenda-slots th {
	border-width: 1px 1px 0;
}

.fc-agenda-slots td {
	background: 0 0;
	border-width: 1px 0 0;
}

.fc-agenda-slots td div {
	height: 20px;
}

.fc-agenda-slots tr.fc-slot0 td,
.fc-agenda-slots tr.fc-slot0 th {
	border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor td,
.fc-agenda-slots tr.fc-minor th {
	border-top-style: dotted;
}

.fc-event-vert {
	border-width: 0 1px;
}

.fc-event-vert.fc-event-start {
	border-top-width: 1px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.fc-event-vert.fc-event-end {
	border-bottom-width: 1px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.fc-event-vert .fc-event-time {
	font-size: 10px;
	white-space: nowrap;
}

.fc-event-vert .fc-event-inner {
	position: relative;
	z-index: 2;
}

.fc-event-vert .fc-event-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.25;
}

.fc-event-vert .ui-resizable-s {
	bottom: 0 !important;
	width: 100% !important;
	height: 8px !important;
	overflow: hidden !important;
	font-family: monospace;
	font-size: 11px !important;
	line-height: 8px !important;
	text-align: center;
	cursor: s-resize;
}

.maps img {
	max-width: none !important;
}

.maps label {
	display: inline;
	width: auto;
}

#map-canvas img {
	max-width: none;
}

#map-canvas {
	width: 100%;
	height: 350px;
}

.gm-style img {
	max-width: none;
}

.gm-style label {
	display: inline;
	width: auto;
}

.default-color {
	width: 100%;
}

.header {
	position: relative;
	display: table;
	width: 100%;
	min-height: 300px;
	background-size: cover;
}

.header::before {
	display: block;
	height: 200px;
	content: "";
}

.header > .overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: #fff;
	opacity: 0;
}

.header .title {
	display: table-cell;
	width: 100%;
	max-width: 1000px !important;
	margin: 0 auto;
	vertical-align: middle;
}

.header .title h2 {
	max-width: 1000px;
	margin: 20px auto;
	font-size: 42px;
	color: #25809d;
	text-align: center;
	text-shadow: 1px 1px 2px #333;
}

.header .title h3 {
	max-width: 1000px;
	margin: 20px auto;
	font-size: 25.2px;
	color: #3f3f3f;
	text-align: center;
	text-shadow: 1px 1px 2px #333;
}

@media (width <= 769px) {
	.header {
		min-height: 200px;
	}

	.header::before {
		display: block;
		height: 200px;
		content: "";
	}

	.header .title {
		padding: 0 10px;
	}

	.header .title h2 {
		font-size: 19.6px !important;
	}

	.header .title h3 {
		font-size: 14px !important;
	}
}

.component.heading h1,
.component.heading h2,
.component.heading h3,
.component.heading h4,
.component.heading h5,
.component.heading h6 {
	word-break: break-all;
}

.component.heading.heading-align-left {
	text-align: left !important;
}

.component.heading.heading-align-left h1,
.component.heading.heading-align-left h2,
.component.heading.heading-align-left h3,
.component.heading.heading-align-left h4,
.component.heading.heading-align-left h5 {
	text-align: inherit !important;
}

.component.heading.heading-align-center {
	text-align: center !important;
}

.component.heading.heading-align-center h1,
.component.heading.heading-align-center h2,
.component.heading.heading-align-center h3,
.component.heading.heading-align-center h4,
.component.heading.heading-align-center h5 {
	text-align: inherit !important;
}

.component.heading.heading-align-right {
	text-align: right !important;
}

.component.heading.heading-align-right h1,
.component.heading.heading-align-right h2,
.component.heading.heading-align-right h3,
.component.heading.heading-align-right h4,
.component.heading.heading-align-right h5 {
	text-align: inherit !important;
}

#html-mail-edit .mail-name-setting {
	padding: 15px 20px 6px;
	border-bottom: 1px solid #3f4b68;
}

#html-mail-edit .mail-name-setting:first-child {
	border-top: 1px solid #23262b;
}

#html-mail-edit .mail-name-setting:last-child {
	border-bottom: none;
}

#html-mail-edit .mail-name-setting .category-select-form,
#html-mail-edit .mail-name-setting .input-form {
	width: 100%;
	padding: 2px 2px 2px 5px;
	line-height: 24px;
	color: #fff;
	background-color: #13151b;
	border: none;
	border-radius: 4px;
}

#html-mail-edit .mail-name-setting .category-select-form {
	height: 28px;
}

#html-mail-edit .mail-name-setting .label-form {
	position: relative;
	margin-bottom: 10px !important;
}

#html-mail-edit .mail-name-setting .label-form::after {
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px 7px;
	font-size: 11px;
	color: #fff;
	content: "必須";
	background: #fe0f65;
	border-radius: 2px;
}

#html-mail-edit .alert {
	position: fixed;
	right: 27px;
	bottom: -4px;
	z-index: 10000;
}

#html-mail-edit .alert .alert-dismissable {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 1001;
}

#html-mail-edit .cms-main {
	background-color: #eff5f8;
	background-image: linear-gradient(
			rgb(247 249 249 / 23%) 2px,
			transparent 2px
		),
		linear-gradient(90deg, rgb(236 236 236 / 20%) 2px, transparent 2px),
		linear-gradient(rgb(216 218 218 / 32%) 1px, transparent 1px),
		linear-gradient(90deg, rgb(216 218 218 / 18%) 1px, transparent 1px);
	background-position:
		-2px -2px,
		-2px -2px,
		-1px -1px,
		-1px -1px;
	background-size:
		50px 50px,
		50px 50px,
		10px 10px,
		10px 10px;
}

#html-mail-edit .style-panel .style-panel-content {
	height: 285px;
}

#html-mail-edit .create-customer-import .modal-content {
	left: 3px;
}

#html-mail-edit .create-customer-list {
	display: block;
	overflow: hidden auto;
}

#html-mail-edit .create-customer-list .require::after {
	background: #fe0f65 !important;
}

#html-mail-edit .create-customer-list .modal-content {
	width: 800px;
}

#html-mail-edit .create-customer-list .modal-content table tbody td,
#html-mail-edit .create-customer-list .modal-content table tbody th {
	vertical-align: text-top;
	background-color: #fff !important;
}

#html-mail-edit .create-customer-list .modal-content table thead tr td {
	font-weight: 700;
	text-align: left;
	vertical-align: text-top;
}

#html-mail-edit .create-customer-list .modal-content .table-wrapper-scroll-y {
	display: block;
	overflow-y: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

#html-mail-edit .create-customer-list * {
	margin: 0 auto;
}

#html-mail-edit .create-customer-list .btn {
	min-width: 60px !important;
}

#html-mail-edit .create-customer-list .list-info .title {
	height: 50px;
	padding: auto;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 700;
	line-height: 50px;
	background: #edf5f7;
}

#html-mail-edit .create-customer-list .list-button-area {
	margin-bottom: 12px;
}

#html-mail-edit .create-customer-list .list-button-area .btn {
	display: block;
}

#html-mail-edit .distribution-screen {
	max-height: 100vh;
	overflow: hidden scroll;
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen {
	width: 700px;
	margin: auto;
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen hr {
	background-color: #e5e9ec;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting {
	margin-top: 50px;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.customer-lists {
	width: 100%;
	margin-top: 50px;
	background: #fff;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.customer-lists
	.test-mail
	.test-btn {
	display: block;
	margin: 15px auto;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.customer-lists
	table
	tr
	td:first-child
	label {
	padding-bottom: 18px;
	margin-left: 10px;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.customer-lists
	.require-label::after {
	padding: 3px 7px;
	margin: 0 10px;
	font-size: 11px;
	color: #fff;
	content: "必須";
	background: #fe0f65;
	border-radius: 2px;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.customer-list-info {
	display: block;
	width: 500px;
	padding: 30px;
	margin: auto;
	text-align: center;
	background: #fff;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.customer-list-info
	.customer-count {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 700;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.time-setting {
	width: 100%;
	margin-top: 30px;
	background: #fff;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.time-setting
	.time-picker {
	display: block;
	width: 35%;
	margin: 25px auto;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.time-setting
	.center-horizontal {
	display: block;
	margin: auto;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.time-setting
	.send-btn {
	display: block;
	width: 45%;
	margin: 25px auto;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.time-setting
	.radio-group {
	display: block;
	margin: 20px 30px;
	text-align: center;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.time-setting
	.radio-group
	label {
	color: #434b52;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.time-setting
	.radio-group
	.send-time-title {
	margin-bottom: 20px;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.time-setting
	.magic-radio
	+ label::after {
	top: 3px;
	left: 3px;
	width: 14px;
	height: 14px;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.bg {
	width: 700px;
	height: 50px;
	padding-top: 16px;
	font-size: 12px;
	line-height: 18px;
	color: #8893a6;
	text-align: center;
	letter-spacing: 1px;
	background-color: rgb(238 245 247 / 40%);
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.list-sender {
	padding: 5px 20px;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.list-sender
	.filter {
	margin-top: 10px;
	margin-bottom: 15px;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.list-sender
	.filter
	.count {
	display: inline-block;
	width: 55%;
	height: 30px;
	font-size: 14px;
	font-weight: 600;
	line-height: 35px;
	color: #434b52;
	vertical-align: middle;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.list-sender
	.filter
	.count
	span {
	font-size: 16px;
	font-weight: 700;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.list-sender
	.filter
	.form-group {
	float: right;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.list-sender
	.switch {
	margin: 0 5px 0 0;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.list-sender
	.enable-switch {
	margin-bottom: 10px;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	table
	tbody
	td,
#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	table
	tbody
	th {
	padding: 7px 10px;
	background-color: #fff !important;
	border: 1px solid #dfedf1;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	table
	thead
	tr
	td {
	font-weight: 700;
	border: 1px solid #dfedf1;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	table.table-step-3-mail
	thead
	> tr:first-child {
	display: block;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	table.table-step-3-mail
	tbody {
	display: block;
	width: 100%;
	max-height: 400px;
	overflow-y: scroll;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.link-text {
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 30px;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting {
	display: block;
	margin: auto;
	background-color: #fff;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	h4 {
	font-weight: 700;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.setting {
	margin-top: 20px;
	font-size: 16px;
	text-align: center;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.flex-container {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
}

#html-mail-edit
	.distribution-screen
	.setting-mail
	.send-setting-screen
	.send-setting
	.cms-direct {
	padding-bottom: 30px;
}

#html-mail-edit .distribution-screen .table-wrapper-scroll-y {
	display: block;
	max-height: 400px;
	overflow-y: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

#html-mail-edit .page-screen .btn-action .btnNextBack {
	display: inline-block;
}

#html-mail-edit .page-screen .btn-action .preview-button-group {
	margin-top: 20px;
	margin-right: 10px;
	text-align: center;
}

#html-mail-edit .confirm-screen {
	max-height: 100vh;
	overflow-y: scroll;
}

#html-mail-edit .confirm-screen .screen-container {
	width: 700px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 100px;
	background: #fff;
}

#html-mail-edit .confirm-screen .screen-container .bg {
	width: 700px;
	height: 50px;
	padding-top: 16px;
	font-size: 12px;
	line-height: 18px;
	color: #8893a6;
	text-align: center;
	letter-spacing: 1px;
	background-color: rgb(238 245 247 / 40%);
}

#html-mail-edit .confirm-screen .screen-container .confirm-content {
	padding: 20px 20px 30px;
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.confirm-action {
	margin: -20px 0 30px;
	text-align: center;
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.confirm-action
	.btn-action {
	margin-top: 40px;
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.confirm-action
	.btn-action
	.btn-send,
#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.confirm-action
	.btn-action
	.btnNextBack {
	display: inline-block;
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.confirm-action
	.btn-action
	button {
	width: 200px;
	margin-top: 0;
	margin-right: 10px;
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.delivery-settings
	.title {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 700;
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.delivery-settings
	table.table-striped
	td {
	padding: 7px;
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.preview-area {
	margin: 30px 0;
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.preview-area
	.title {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 700;
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.preview-area
	.confirm-body {
	margin-bottom: 30px;
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.preview-area
	.confirm-body.show-less
	.content-group
	> .mail-content {
	max-height: 200px;
	overflow-y: auto;
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.preview-area
	.confirm-body.show-less
	.show-full-action::before {
	content: "\f0d7";
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.preview-area
	.confirm-body.show-less
	.show-full-action::after {
	content: "拡大";
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.preview-area
	.confirm-body
	.mail-type {
	margin-bottom: 5px;
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.preview-area
	.confirm-body
	.mail-content {
	min-height: 40px;
	padding: 10px;
	line-height: 25px;
	word-break: break-all;
	border: 3px solid #f9f9f9;
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.preview-area
	.confirm-body
	.mail-content.multipart {
	white-space: pre-line;
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.preview-area
	.confirm-body
	.show-full-action {
	float: right;
	margin: 5px 0;
	text-decoration: none;
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.preview-area
	.confirm-body
	.show-full-action::before {
	margin-right: 2px;
	font-family: fontAweSome;
	font-size: 18px;
	vertical-align: bottom;
	content: "\f0d8";
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.preview-area
	.confirm-body
	.show-full-action::after {
	content: "縮小";
}

#html-mail-edit
	.confirm-screen
	.screen-container
	.confirm-content
	.send-test-mail {
	margin-top: 30px;
	text-align: center;
}

#html-mail-edit .campaign-mail .mail-templates {
	margin-top: -18px;
}

#html-mail-edit .campaign-mail .mail-templates .material-icons {
	font-size: 18px;
	color: #8d98aa;
	cursor: pointer;
}

#html-mail-edit .campaign-mail .signature,
#html-mail-edit .campaign-mail .unsubscribe_url {
	box-sizing: border-box;
	width: calc(100% - 10px);
	min-height: 50px;
	max-height: 200px;
	padding: 20px;
	overflow: auto;
	white-space: pre-wrap;
	resize: vertical;
	background-color: #eee;
	border: 1px solid #e5e9ec;
	border-radius: 4px;
}

#html-mail-edit .campaign-mail .update-sender-template {
	margin-top: -18px;
}

#html-mail-edit .campaign-mail .update-sender-template .material-icons {
	font-size: 18px;
	color: #8d98aa;
	vertical-align: bottom;
	cursor: pointer;
}

#html-mail-edit .campaign-mail .new-btn {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	line-height: 1.15;
	text-align: center;
	text-decoration: none !important;
	letter-spacing: 1.2px;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border-top: 0;
	border-right: 0;
	border-bottom: 2px solid transparent;
	border-left: 0;
	border-radius: 4px;
	transition: all 0.2s;
}

#html-mail-edit .campaign-mail .new-btn.ml-small {
	margin-left: 5px !important;
}

#html-mail-edit .campaign-mail .new-btn.btn-small {
	padding: 6px 12px;
	font-size: 13px;
}

#html-mail-edit .campaign-mail .new-btn.btn-small.new-btn-default {
	color: #555;
	background-color: #ddd;
	border: 1px solid #ddd;
}

#html-mail-edit .campaign-mail .new-btn.btn-small.new-btn-default.active,
#html-mail-edit .campaign-mail .new-btn.btn-small.new-btn-default:hover {
	color: #555;
	background: #f6f6f6;
	border: 1px solid #ddd;
}

#html-mail-edit .campaign-mail .new-btn.btn-small.btn-red {
	color: #ef3f50;
	background: 0 0;
	border: 1px solid #ef3f50;
}

#html-mail-edit .campaign-mail .new-btn.btn-small.btn-red.active,
#html-mail-edit .campaign-mail .new-btn.btn-small.btn-red:hover {
	color: #fff;
	background: #ef3f50;
	border: 1px solid #ef3f50;
}

#html-mail-edit .campaign-mail .cms-direct.btn-action button {
	margin-top: 40px;
	margin-bottom: 40px;
}

.customer-mail-hist {
	margin-top: 25px;
}

.customer-mail-hist .customer-mail-hist-switch {
	display: table-cell;
	padding-right: 30px;
	vertical-align: middle;
}

.customer-mail-hist .customer-mail-hist-switch .switch {
	width: 56px;
	height: 20px;
}

.customer-mail-hist .customer-mail-hist-switch .switch-handle {
	top: 5px;
	width: 10px;
	height: 10px;
}

.customer-mail-hist
	.customer-mail-hist-switch
	.switch-input:checked
	~ .switch-handle {
	top: 5px;
	left: 45px;
}

.customer-mail-hist .customer-mail-hist-switch .form-help-text {
	display: table-cell;
}

.customer-mail-hist .customer-mail-hist-switch .form-help-text .text-danger {
	color: red;
}

.icon-container {
	max-height: 300px;
	padding: 10px;
	overflow: scroll;
}

.icon-container div {
	display: inline-block;
	width: 60px;
	height: 60px;
	margin: 10px;
	font-size: 29pt;
	text-align: center;
	cursor: pointer;
}

.icon-container div.selected {
	width: 60px;
	height: 60px;
	border: 3px solid #8c98cc;
}

.icon-container div:hover {
	color: #425d71;
}

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

.icon-cont.right {
	text-align: right;
}

.icon-cont.left {
	text-align: left;
}

.icon-cont .fa.blue {
	color: #254a73;
}

.icon-cont .fa.red {
	color: #c00808;
}

.icon-cont .fa.orange {
	color: #ec7413;
}

.icon-cont .fa.white {
	color: #fff;
}

.icon-cont .fa.black {
	color: #111;
}

.icon-cont .fa.size-small {
	font-size: 15.4px;
}

.icon-cont .fa.size-medium {
	font-size: 56px;
}

.icon-cont .fa.size-large {
	font-size: 112px;
}

.icon-cont svg.blue {
	fill: #254a73;
}

.icon-cont svg.red {
	fill: #c00808;
}

.icon-cont svg.orange {
	fill: #ec7413;
}

.icon-cont svg.white {
	fill: #fff;
}

.icon-cont svg.black {
	fill: #111;
}

.icon-cont svg.size-auto {
	width: 100%;
	height: 100%;
}

.icon-cont svg.size-small {
	width: 22px;
	height: 22px;
}

.icon-cont svg.size-medium {
	width: 80px;
	height: 80px;
}

.icon-cont svg.size-large {
	width: 160px;
	height: 160px;
}

img {
	max-width: 100%;
}

.component.gallery.col-1,
.component.gallery.col-2,
.component.gallery.col-3,
.component.gallery.col-4 {
	overflow: hidden;
}

.component.gallery.col-1 img,
.component.gallery.col-2 img,
.component.gallery.col-3 img,
.component.gallery.col-4 img {
	border-radius: 0;
}

.component.image {
	margin: 10px 0;
}

.component.image img {
	border-radius: 5px;
}

.side .component.image {
	margin: 10px 0;
}

.side .component.image img {
	width: 100%;
}

.component.gallery .row {
	border-spacing: 10px 5px;
	border-collapse: separate;
}

.component.gallery .row .thumbnail {
	display: table-cell;
	float: none;
	padding: 0;
	vertical-align: middle !important;
	border: solid 1px #f0f0f0 !important;
}

.component.gallery .row .thumbnail .thumbnail-normal-image {
	margin: auto;
}

.component.gallery {
	padding: 10px 0;
}

.component.gallery .thumbnail {
	vertical-align: middle;
}

.component.gallery ul.row li a img {
	display: block;
	width: auto;
	margin: 0 auto;
}

.component.gallery.col-1 {
	border-radius: 10px;
}

.component.gallery.col-2 {
	border-radius: 8px;
}

.component.gallery.col-3 {
	border-radius: 6px;
}

.component.gallery.col-4 {
	border-radius: 4px;
}

@media (width <= 769px) {
	.component.gallery .row .thumbnail {
		border: none !important;
	}

	.component.gallery ul.row li a img {
		box-sizing: border-box;
		margin: 5px auto;
	}
}

@media screen and (width <= 769px) and (width <=768px) {
	.component.gallery.gallery ul.row li.col {
		margin-bottom: 10px;
	}
}

.poptrox-overlay .poptrox-popup .nav-next > div,
.poptrox-overlay .poptrox-popup .nav-previous > div {
	width: 80px !important;
	height: 80px !important;
	line-height: 70px;
	background: #999;
}

@media (width <= 769px) {
	.poptrox-overlay .poptrox-popup .nav-next > div,
	.poptrox-overlay .poptrox-popup .nav-previous > div {
		width: 50px !important;
		height: 50px !important;
		margin-top: -20px !important;
		font-size: 40px;
		line-height: 45px;
		background: #999;
	}
}

.img-l-text img {
	float: left;
	max-width: 100%;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-r-text img {
	float: right;
	max-width: 100%;
	margin-bottom: 10px;
	margin-left: 10px;
}

@media (width <= 769px) {
	.wrapper .contents .inner .row .col {
		width: 100% !important;
	}

	.foot .foot-cont .row .col {
		width: 100% !important;
	}
}

.row,
.row .col,
.row .col .component,
section {
	background-repeat: no-repeat;
}

.component.lineat img {
	width: auto !important;
	max-width: 100%;
}

.component.link-embed .article-embed {
	position: relative;
	margin-bottom: 10px;
}

.component.link-embed .article-embed .link-thumbnail {
	display: flex;
	flex-direction: row;
}

.component.link-embed .article-embed .quote-link.empty-data {
	display: none;
}

.component.link-embed .article-embed .quote-link {
	position: relative;
}

.component.link-embed .article-embed .quote-link a {
	color: #26334c;
	text-decoration: none;
}

.component.link-embed .article-embed .quote-link .quote-link_entry {
	padding: 10px;
	border: 1px solid #eee;
}

.component.link-embed
	.article-embed
	.quote-link
	.quote-link_entry
	.quote-link-img
	.quote-link-img-item {
	position: relative;
	width: 150px;
	height: 150px;
	overflow: hidden;
}

.component.link-embed
	.article-embed
	.quote-link
	.quote-link_entry
	.quote-link-img
	.quote-link-img-item
	img {
	position: absolute;
	inset: 0 -100% -100%;
	display: block;
	width: 150px;
	height: auto;
	margin: 0 auto auto;
}

.component.link-embed .article-embed .quote-link .quote-link_entry .cont {
	padding-left: 20px;
	word-break: break-all;
}

.component.link-embed
	.article-embed
	.quote-link
	.quote-link_entry
	.cont
	.quote-link_title
	p {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	font-size: 110%;
	font-weight: 700;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.component.link-embed
	.article-embed
	.quote-link
	.quote-link_entry
	.cont
	.quote-link_desp {
	margin-top: 5px;
}

.component.link-embed
	.article-embed
	.quote-link
	.quote-link_entry
	.cont
	.quote-link_desp
	p {
	display: -webkit-box;
	margin: 0 0 10px;
	overflow: hidden;
	font-size: 80%;
	-webkit-line-clamp: 3;
	opacity: 0.7;
	-webkit-box-orient: vertical;
}

.component.link-embed
	.article-embed
	.quote-link
	.quote-link_entry
	.cont
	.quote-link_site
	p {
	margin: 0;
	font-size: 80%;
	opacity: 0.7;
}

.link-embed-preview .img {
	max-width: 80%;
}

.link-embed-preview .description {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.component.list ul {
	margin-left: 30px;
}

.component.list.none ul {
	margin-left: 0 !important;
}

.component.list.vertical ul {
	font-size: 15.4px;
}

.component.list.vertical ul li a {
	display: block;
	padding: 10px;
}

.component.list.vertical ul li a:hover {
	background: #ddd;
}

.component.list.horizontal ul {
	letter-spacing: -0.4em;
}

.component.list.horizontal ul li {
	display: inline-block;
	padding: 5px;
	margin: 5px;
	line-height: 1em;
	letter-spacing: normal;
}

.foot .foot-cont .component.list ul li {
	font-size: 14px;
	list-style: #eee;
}

.foot .foot-cont .component.list ul li a {
	color: #eee;
}

.foot .foot-cont .component.list ul li a:hover {
	color: #fff;
}

.component.list.disc ul {
	list-style-type: disc;
}

.component.list.none ul {
	list-style-type: none;
}

.component.list.circle ul {
	list-style-type: circle;
}

.component.list.square ul {
	list-style-type: square;
}

.component.list.lower_roman ul {
	list-style-type: lower-roman;
}

.component.list.upper_roman ul {
	list-style-type: upper-roman;
}

.component.list.lower_greek ul {
	list-style-type: lower-greek;
}

.component.list.decimal ul {
	list-style-type: decimal;
}

.component.list.decimal_leading_zero ul {
	list-style-type: decimal-leading-zero;
}

.component.list.lower_latin ul {
	list-style-type: lower-latin;
}

.component.list.lower_alpha ul {
	list-style-type: lower-alpha;
}

.component.list.upper_latin ul {
	list-style-type: upper-latin;
}

.component.list.upper_alpha ul {
	list-style-type: upper-alpha;
}

.component.list.cjk_ideographic ul {
	list-style-type: cjk-ideographic;
}

.component.list.hiragana ul {
	list-style-type: hiragana;
}

.component.list.katakana ul {
	list-style-type: katakana;
}

.component.list.hiragana_iroha ul {
	list-style-type: hiragana-iroha;
}

.component.list.katakana_iroha ul {
	list-style-type: katakana-iroha;
}

.component.list.hebrew ul {
	list-style-type: hebrew;
}

.component.list.armenian ul {
	list-style-type: armenian;
}

.component.list.georgian ul {
	list-style-type: georgian;
}

.new-local-business-component-modal .opening-hours-specifications-settings {
	border-top: solid #eee 1px;
}

.new-local-business-component-modal
	.opening-hours-specifications-settings
	.opening-hours-specifications-buttons
	button {
	margin-right: 5px;
}

.main-visual {
	position: relative;
	width: 100%;
	min-height: 500px;
	background-position: center;
	background-size: cover;
}

.main-visual > .overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: #fff;
	opacity: 0;
}

.main-visual::after,
.main-visual::before {
	pointer-events: none;
}

@media (width <= 769px) {
	.main-visual {
		min-height: 300px;
	}
}

.component.map .place-holder {
	width: 260px;
}

.page-contents .component.maps {
	overflow: visible;
}

.component.maps {
	position: relative;
	height: 0;
	padding-top: 30px;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.component.maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.component.maps .place-card {
	display: none;
}

.side .component.maps {
	margin-bottom: 10px;
}

.component.text {
	font-size: 14px;
}

.component.text p {
	margin: 1em 0;
}

.component.text img {
	max-width: 100%;
	margin-bottom: 20px !important;
}

.component.text h1,
.component.text h2,
.component.text h3,
.component.text h4,
.component.text h5,
.component.text h6 {
	line-height: 1em;
}

.component.text h4,
.component.text h5,
.component.text h6 {
	font-weight: 700;
}

.component.text h1 {
	font-size: 42px;
	font-weight: 700;
}

.component.text h2 {
	padding-bottom: 5px;
	font-size: 33.6px;
	border-bottom: 1px solid #aaa;
}

.component.text h3 {
	font-size: 25.2px;
}

.component.text h4 {
	font-size: 19.6px;
}

.component.text h5 {
	font-size: 16.8px;
}

.component.text h6 {
	font-size: 14px;
}

.component.text blockquote {
	padding: 1em;
	margin: 1em 0;
	font-size: 16.8px;
	color: #333;
	border-left: 7px #aaa solid;
}

.component.text blockquote p {
	margin: 0;
}

.component.text pre {
	font-size: 14px;
}

.component.text hr {
	display: block;
	height: 1px;
	padding: 0;
	margin: 1em 0;
	border: 0;
	border-bottom: 1px solid #aaa;
}

.component.text b,
.component.text strong {
	font-weight: 700;
}

.component.text em {
	font-style: italic;
}

.component.text dfn {
	font-style: italic;
}

.component.text ins {
	color: #000;
	text-decoration: none;
	background: #ff9;
}

.component.text mark {
	font-style: italic;
	font-weight: 700;
	color: #000;
	background: #ff0;
}

.component.text sub,
.component.text sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

.component.text sup {
	top: -0.5em;
}

.component.text sub {
	bottom: -0.25em;
}

.component.text ol,
.component.text ul {
	padding: 0 0 0 2em;
	margin: 1em 0;
	list-style: disc;
}

.component.text li p:last-child {
	margin: 0;
}

.component.text dd {
	margin: 0 0 0 2em;
}

.component.text img {
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

.component.text table {
	width: 100%;
	margin: 20px 0;
	border-spacing: 0;
	border-collapse: collapse;
}

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

.component.text td,
.component.text th {
	padding: 20px;
	margin: 0;
	vertical-align: middle;
	border: 1px solid #ddd;
}

.component.text th {
	font-weight: 700;
	background: #eee;
}

@media (width <= 769px) {
	.component.text {
		position: relative;
		width: 100%;
		padding: 10px;
		margin: 0 !important;
	}

	.component.text table {
		word-wrap: break-word;
		table-layout: fixed;
	}
}

.navi ul.nav {
	list-style: none;
}

.navi ul.nav::after,
.navi ul.nav::before {
	display: table;
	content: " ";
}

.navi ul.nav::after {
	clear: both;
}

.navi ul.nav ul {
	width: 9em;
	height: 100%;
	list-style: none;
}

.navi ul.nav li {
	position: relative;
}

.navi ul.nav > li {
	float: left;
}

.navi ul.nav li > .parent {
	position: relative;
}

.navi ul.nav > li > .parent {
	position: relative;
}

.navi ul.nav > li > a {
	display: block;
}

.navi ul.nav > li > a > .fa {
	z-index: 1;
}

.navi ul.nav li ul {
	position: absolute;
	left: -9999px;
}

.navi ul.nav > li.hover > ul {
	left: 0;
}

.navi ul.nav li li.hover ul {
	top: 0;
	left: 100%;
}

.navi ul.nav li li a {
	position: relative;
	z-index: 100;
	display: block;
}

.navi ul.nav li li li a {
	z-index: 200;
}

.navi .fa-chevron-down::before {
	content: "" !important;
}

@media screen and (width <= 769px) {
	.navi .active {
		display: block;
	}

	.navi ul.nav > li {
		float: none;
	}

	.navi ul.nav > li > .parent {
		background-position: 95% 50%;
	}

	.navi ul.nav ul {
		display: block;
		width: 100%;
	}

	.navi ul.nav li li.hover ul,
	.navi ul.nav > li.hover > ul {
		position: static;
	}
}

header a {
	text-decoration: none;
}

header .main-menu ul {
	padding: 0;
	margin: 0;
	font-size: 0;
	list-style: none;
}

header .main-menu ul li {
	display: inline-block;
	min-width: 100px;
	font-size: 14px;
}

.navi-hu-base header#navigations {
	background: #333;
}

.navi-hu-base header#navigations .inner {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

.navi-hu-base header#navigations .inner .main-menu .level-01-trigger {
	position: relative;
}

.navi-hu-base
	header#navigations
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont {
	position: absolute;
	top: 100%;
	left: 0;
}

.navi-hu-base
	header#navigations
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02-trigger {
	position: relative;
}

.navi-hu-base
	header#navigations
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02-trigger
	.level-02-cont {
	position: absolute;
	top: 0;
	left: 100%;
}

.sp-menu {
	display: none;
}

@media screen and (width <= 769px) {
	.sp-menu {
		display: block;
	}
}

.previews-actions {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1000;
	width: 50px;
	height: 90px;
	padding: 0;
}

.previews-actions iframe {
	width: 100%;
	height: 100%;
}

/* .rich-heading h1,.rich-heading h2,.rich-heading h3,.rich-heading h4,.rich-heading h5 {
    cursor: text;
    white-space: pre-wrap;
    text-align: inherit
} */

.rich-heading h1 div,
.rich-heading h1 span,
.rich-heading h2 div,
.rich-heading h2 span,
.rich-heading h3 div,
.rich-heading h3 span,
.rich-heading h4 div,
.rich-heading h4 span,
.rich-heading h5 div,
.rich-heading h5 span {
	font-weight: inherit;
}

.rich-heading h1 em,
.rich-heading h2 em,
.rich-heading h3 em,
.rich-heading h4 em,
.rich-heading h5 em {
	font-weight: 700;
}

.rich-heading .font-size-8px {
	font-size: 8px;
}

.rich-heading .font-size-9px {
	font-size: 9px;
}

.rich-heading .font-size-10px {
	font-size: 10px;
}

.rich-heading .font-size-11px {
	font-size: 11px;
}

.rich-heading .font-size-12px {
	font-size: 12px;
}

.rich-heading .font-size-14px {
	font-size: 14px;
}

.rich-heading .font-size-16px {
	font-size: 16px;
}

.rich-heading .font-size-18px {
	font-size: 18px;
}

.rich-heading .font-size-20px {
	font-size: 20px;
}

.rich-heading .font-size-22px {
	font-size: 22px;
}

.rich-heading .font-size-24px {
	font-size: 24px;
}

.rich-heading .font-size-26px {
	font-size: 26px;
}

.rich-heading .font-size-28px {
	font-size: 28px;
}

.rich-heading .font-size-30px {
	font-size: 30px;
}

.rich-heading .font-size-32px {
	font-size: 32px;
}

.rich-heading .font-size-34px {
	font-size: 34px;
}

.rich-heading .font-size-36px {
	font-size: 36px;
}

.rich-heading .font-size-38px {
	font-size: 38px;
}

.rich-heading .font-size-42px {
	font-size: 42px;
}

.rich-heading .font-size-46px {
	font-size: 46px;
}

.rich-heading .font-size-50px {
	font-size: 50px;
}

.rich-heading .font-size-54px {
	font-size: 54px;
}

.rich-heading .font-size-60px {
	font-size: 60px;
}

.rich-heading .font-size-66px {
	font-size: 66px;
}

.rich-heading .font-size-72px {
	font-size: 72px;
}

.rich-heading .font-size-78px {
	font-size: 78px;
}

.rich-heading .font-size-86px {
	font-size: 86px;
}

.rich-heading .font-size-94px {
	font-size: 94px;
}

.rich-heading .font-family-timesnewroman {
	font-family: "Times New Roman", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-gothic {
	font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
		"ＭＳ Ｐゴシック", "MS P Gothic", sans-serif, websafe;
}

.rich-heading .font-family-arial {
	font-family: Arial, "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN",
		Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-sans-serif {
	font-family: sans-serif, "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-georgia {
	font-family: Georgia, "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-verdana {
	font-family: Verdana, "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-helvetica {
	font-family: helvetica, "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-a1mincho {
	font-family: "A1明朝", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-udshingo {
	font-family: "UD新ゴ L", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-udshingor {
	font-family: "UD新ゴ R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-udshingom {
	font-family: "UD新ゴ M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-udshingob {
	font-family: "UD新ゴ B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-udshinmarugo {
	font-family: "UD新丸ゴ L", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-udshinmarugor {
	font-family: "UD新丸ゴ R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-udshinmarugom {
	font-family: "UD新丸ゴ M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-udshinmarugob {
	font-family: "UD新丸ゴ B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-udreimin {
	font-family: "UD黎ミン L", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-udreiminr {
	font-family: "UD黎ミン R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-udreiminm {
	font-family: "UD黎ミン M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-udreiminb {
	font-family: "UD黎ミン B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-gothicmb101 {
	font-family: "ゴシックMB101 L", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-gothicmb101r {
	font-family: "ゴシックMB101 R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-gothicmb101m {
	font-family: "ゴシックMB101 M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-gothicmb101b {
	font-family: "ゴシックMB101 B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-gothicmb101db {
	font-family: "ゴシックMB101 DB", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-jun201 {
	font-family: "じゅん 201", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-suzumishi {
	font-family: "すずむし", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-haruhirakuen {
	font-family: "はるひ学園", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-fork {
	font-family: "フォーク R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-forkm {
	font-family: "フォーク M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-forkb {
	font-family: "フォーク B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-ryumin {
	font-family: "リュウミン R-KL", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-ryuminm {
	font-family: "リュウミン M-KL", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-ryuminb {
	font-family: "リュウミン B-KL", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-ryumineb {
	font-family: "リュウミン EB-KL", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-kaiminchuu {
	font-family: "解ミン 宙 R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-kaiminchuum {
	font-family: "解ミン 宙 M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-kaiminchuub {
	font-family: "解ミン 宙 B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-marufork {
	font-family: "丸フォーク R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-maruforkm {
	font-family: "丸フォーク M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-maruforkb {
	font-family: "丸フォーク B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-midashigomb31 {
	font-family: "見出ゴMB31", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-midashiminma31 {
	font-family: "見出ミンMA31", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-shingoel {
	font-family: "新ゴ EL", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-shingo {
	font-family: "新ゴ L", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-shingor {
	font-family: "新ゴ R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-shingom {
	font-family: "新ゴ M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-shingob {
	font-family: "新ゴ B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-shinmarugo {
	font-family: "新丸ゴ L", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-shinmarugor {
	font-family: "新丸ゴ R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-shinmarugom {
	font-family: "新丸ゴ M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-shinmarugob {
	font-family: "新丸ゴ B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-chuugothicbbb {
	font-family: "中ゴシックBBB", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-reimin {
	font-family: "黎ミン R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-reiminm {
	font-family: "黎ミン M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading .font-family-reiminb {
	font-family: "黎ミン B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.rich-heading svg {
	width: 18px;
	height: 18px;
	fill: white;
}

.rich-heading svg.icon-rich-content-bg-color {
	vertical-align: baseline;
}

.rich-heading svg.icon-rich-content-clear {
	vertical-align: middle;
}

.rich-heading-align-left {
	text-align: left !important;
}

.rich-heading-align-left h1,
.rich-heading-align-left h2,
.rich-heading-align-left h3,
.rich-heading-align-left h4,
.rich-heading-align-left h5 {
	text-align: inherit !important;
}

.rich-heading-align-center {
	text-align: center !important;
}

.rich-heading-align-center h1,
.rich-heading-align-center h2,
.rich-heading-align-center h3,
.rich-heading-align-center h4,
.rich-heading-align-center h5 {
	text-align: inherit !important;
}

.rich-heading-align-right {
	text-align: right !important;
}

.rich-heading-align-right h1,
.rich-heading-align-right h2,
.rich-heading-align-right h3,
.rich-heading-align-right h4,
.rich-heading-align-right h5 {
	text-align: inherit !important;
}

.rich-heading-modal {
	padding: 0 40px;
}

.rich-heading-modal .row .column {
	vertical-align: middle;
}

.rich-heading-modal .item {
	padding: 0 15px;
}

.rich-heading-modal .item button,
.rich-heading-modal .item input {
	margin: 10px 0;
}

.component.richtext {
	overflow-wrap: break-word;
}

.component.richtext img {
	max-width: 100%;
}

.component.richtext li {
	display: list-item;
}

.component.richtext head {
	display: none;
}

.component.richtext table {
	display: table;
	max-width: 100%;
	border: 1;
}

.component.richtext table p {
	margin: unset !important;
	line-height: 1.12em;
}

.component.richtext tr {
	display: table-row;
	border: 1px solid #000;
}

.component.richtext thead {
	display: table-header-group;
	border: 1px solid #000;
}

.component.richtext tbody {
	display: table-row-group;
	border: 1px solid #000;
}

.component.richtext tfoot {
	display: table-footer-group;
	border: 1px solid #000;
}

.component.richtext col {
	display: table-column;
}

.component.richtext colgroup {
	display: table-column-group;
}

.component.richtext td,
.component.richtext th {
	display: table-cell;
	padding: 10px;
	word-break: break-word;
	border: 1px solid #555;
}

.component.richtext caption {
	display: table-caption;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #777;
	text-align: left;
}

.component.richtext th {
	font-weight: bolder;
	text-align: left;
}

.component.richtext body {
	margin: 8px;
}

.component.richtext h1 {
	margin: 0.67em 0;
	font-size: 2em;
}

.component.richtext h2 {
	margin: 0.75em 0;
	font-size: 1.5em;
}

.component.richtext h3 {
	margin: 0.83em 0;
	font-size: 1.17em;
}

.component.richtext blockquote,
.component.richtext dir,
.component.richtext dl,
.component.richtext fieldset,
.component.richtext form,
.component.richtext h4,
.component.richtext menu,
.component.richtext ol,
.component.richtext p,
.component.richtext ul {
	margin: 1.12em 0;
}

.component.richtext h5 {
	margin: 1.5em 0;
	font-size: 0.83em;
}

.component.richtext h6 {
	margin: 1.67em 0;
	font-size: 0.75em;
}

.component.richtext b,
.component.richtext h1,
.component.richtext h2,
.component.richtext h3,
.component.richtext h4,
.component.richtext h5,
.component.richtext h6,
.component.richtext strong {
	font-style: inherit;
	font-weight: bolder;
}

.component.richtext a,
.component.richtext s,
.component.richtext span,
.component.richtext u {
	font-style: inherit;
	font-weight: inherit;
}

.component.richtext blockquote {
	padding: 1em;
	margin: 1em 0;
	font-size: 0.9em;
	color: #333;
	border-left: 7px #aaa solid;
}

.component.richtext address,
.component.richtext cite,
.component.richtext em,
.component.richtext var {
	font-style: italic;
	font-weight: inherit;
}

.component.richtext code,
.component.richtext kbd,
.component.richtext pre,
.component.richtext samp,
.component.richtext tt {
	font-family: monospace;
}

.component.richtext pre {
	white-space: pre;
}

.component.richtext button,
.component.richtext input,
.component.richtext select,
.component.richtext textarea {
	display: inline-block;
}

.component.richtext big {
	font-size: 1.17em;
}

.component.richtext small,
.component.richtext sub,
.component.richtext sup {
	font-size: 0.83em;
}

.component.richtext sub {
	vertical-align: sub;
}

.component.richtext sup {
	vertical-align: super;
}

.component.richtext table {
	border-spacing: 2px;
}

.component.richtext tbody,
.component.richtext tfoot,
.component.richtext thead {
	vertical-align: middle;
}

.component.richtext td,
.component.richtext th,
.component.richtext tr {
	vertical-align: inherit;
}

.component.richtext del,
.component.richtext s,
.component.richtext strike {
	text-decoration: line-through;
}

.component.richtext hr {
	border: 1px inset;
}

.component.richtext dd,
.component.richtext dir,
.component.richtext menu,
.component.richtext ol,
.component.richtext ul {
	margin-left: 40px;
}

.component.richtext ol {
	list-style-type: decimal;
}

.component.richtext ul {
	list-style-type: disc;
}

.component.richtext ol ul,
.component.richtext ul ul {
	list-style-type: circle;
}

.component.richtext ol ol ul,
.component.richtext ol ul ul,
.component.richtext ul ol ul,
.component.richtext ul ul ul {
	list-style-type: square;
}

.component.richtext ol ol,
.component.richtext ol ul,
.component.richtext ul ol,
.component.richtext ul ul {
	margin-top: 0;
	margin-bottom: 0;
}

.component.richtext ins,
.component.richtext u {
	text-decoration: underline;
}

.component.richtext br::before {
	white-space: pre-line;
	content: "\A";
}

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

.component.richtext :link,
.component.richtext :visited {
	text-decoration: underline;
}

.component.richtext :focus {
	outline: thin dotted invert;
}

.component.richtext bdo[DIR="ltr"] {
	direction: ltr;
	unicode-bidi: bidi-override;
}

.component.richtext bdo[DIR="rtl"] {
	direction: rtl;
	unicode-bidi: bidi-override;
}

.component.richtext [DIR="ltr"] {
	direction: ltr;
	unicode-bidi: embed;
}

.component.richtext [DIR="rtl"] {
	direction: rtl;
	unicode-bidi: embed;
}

@media print {
	.component.richtext h1 {
		page-break-before: always;
	}

	.component.richtext h1,
	.component.richtext h2,
	.component.richtext h3,
	.component.richtext h4,
	.component.richtext h5,
	.component.richtext h6 {
		page-break-after: avoid;
	}

	.component.richtext dl,
	.component.richtext ol,
	.component.richtext ul {
		page-break-before: avoid;
	}
}

.component.richtext .button-cont a {
	font-size: inherit !important;
}

.component.richtext .instagram-show .instagram iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.component.richtext .instagram-show .instagram {
	position: relative;
	height: 0;
	padding-top: 30px;
	overflow: hidden;
}

.component.richtext .article-embed[data-embed-type="url"] {
	position: relative;
	min-height: 172px;
	margin-bottom: 10px;
}

.component.richtext .article-embed[data-embed-type="url"] .link-thumbnail {
	display: flex !important;
	flex-direction: row;
}

.component.richtext
	.article-embed[data-embed-type="url"]
	.quote-link.empty-data {
	display: none;
}

.component.richtext .article-embed[data-embed-type="url"] .quote-link {
	position: relative;
}

.component.richtext .article-embed[data-embed-type="url"] .quote-link a {
	color: #26334c;
	text-decoration: none;
}

.component.richtext .article-embed[data-embed-type="url"] .quote-link span {
	display: block;
}

.component.richtext
	.article-embed[data-embed-type="url"]
	.quote-link
	.quote-link_entry {
	padding: 10px;
	border: 1px solid #eee;
}

.component.richtext
	.article-embed[data-embed-type="url"]
	.quote-link
	.quote-link_entry
	.quote-link-img
	.quote-link-img-item {
	position: relative;
	width: 150px;
	height: 150px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
}

.component.richtext
	.article-embed[data-embed-type="url"]
	.quote-link
	.quote-link_entry
	.cont {
	padding-left: 20px;
	word-break: break-all;
}

.component.richtext
	.article-embed[data-embed-type="url"]
	.quote-link
	.quote-link_entry
	.cont
	.quote-link_title {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	font-size: 110%;
	font-weight: 700 !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.component.richtext
	.article-embed[data-embed-type="url"]
	.quote-link
	.quote-link_entry
	.cont
	.quote-link_desp {
	display: -webkit-box;
	margin-top: 5px;
	overflow: hidden;
	font-size: 80%;
	-webkit-line-clamp: 3;
	opacity: 0.7;
	-webkit-box-orient: vertical;
}

.component.richtext
	.article-embed[data-embed-type="url"]
	.quote-link
	.quote-link_entry
	.cont
	.quote-link_site {
	margin: 0;
	font-size: 80%;
	opacity: 0.7;
}

.component.richtext .article-embed {
	max-width: 100%;
}

.component.richtext .article-embed iframe {
	max-width: 100%;
	max-height: 100%;
}

.component.richtext .article-embed[data-iframe=""] {
	display: none;
}

.component.richtext .article-embed .instagram.align-left,
.component.richtext .article-embed.align-left {
	margin-right: auto;
	margin-left: 0;
}

.component.richtext .article-embed .instagram.align-center,
.component.richtext .article-embed.align-center {
	margin-right: auto;
	margin-left: auto;
}

.component.richtext .article-embed .instagram.align-right,
.component.richtext .article-embed.align-right {
	margin-right: 0;
	margin-left: auto;
}

.component.richtext .font-family-timesnewroman {
	font-family: "Times New Roman", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-gothic {
	font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
		"ＭＳ Ｐゴシック", "MS P Gothic", sans-serif, websafe;
}

.component.richtext .font-family-arial {
	font-family: Arial, "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN",
		Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-sans-serif {
	font-family: sans-serif, "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-georgia {
	font-family: Georgia, "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-verdana {
	font-family: Verdana, "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-helvetica {
	font-family: helvetica, "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-a1mincho {
	font-family: "A1明朝", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-udshingo {
	font-family: "UD新ゴ L", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-udshingor {
	font-family: "UD新ゴ R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-udshingom {
	font-family: "UD新ゴ M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-udshingob {
	font-family: "UD新ゴ B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-udshinmarugo {
	font-family: "UD新丸ゴ L", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-udshinmarugor {
	font-family: "UD新丸ゴ R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-udshinmarugom {
	font-family: "UD新丸ゴ M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-udshinmarugob {
	font-family: "UD新丸ゴ B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-udreimin {
	font-family: "UD黎ミン L", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-udreiminr {
	font-family: "UD黎ミン R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-udreiminm {
	font-family: "UD黎ミン M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-udreiminb {
	font-family: "UD黎ミン B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-gothicmb101 {
	font-family: "ゴシックMB101 L", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-gothicmb101r {
	font-family: "ゴシックMB101 R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-gothicmb101m {
	font-family: "ゴシックMB101 M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-gothicmb101b {
	font-family: "ゴシックMB101 B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-gothicmb101db {
	font-family: "ゴシックMB101 DB", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-jun201 {
	font-family: "じゅん 201", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-suzumishi {
	font-family: "すずむし", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-haruhirakuen {
	font-family: "はるひ学園", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-fork {
	font-family: "フォーク R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-forkm {
	font-family: "フォーク M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-forkb {
	font-family: "フォーク B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-ryumin {
	font-family: "リュウミン R-KL", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-ryuminm {
	font-family: "リュウミン M-KL", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-ryuminb {
	font-family: "リュウミン B-KL", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-ryumineb {
	font-family: "リュウミン EB-KL", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-kaiminchuu {
	font-family: "解ミン 宙 R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-kaiminchuum {
	font-family: "解ミン 宙 M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-kaiminchuub {
	font-family: "解ミン 宙 B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-marufork {
	font-family: "丸フォーク R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-maruforkm {
	font-family: "丸フォーク M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-maruforkb {
	font-family: "丸フォーク B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-midashigomb31 {
	font-family: "見出ゴMB31", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-midashiminma31 {
	font-family: "見出ミンMA31", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-shingoel {
	font-family: "新ゴ EL", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-shingo {
	font-family: "新ゴ L", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-shingor {
	font-family: "新ゴ R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-shingom {
	font-family: "新ゴ M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-shingob {
	font-family: "新ゴ B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-shinmarugo {
	font-family: "新丸ゴ L", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-shinmarugor {
	font-family: "新丸ゴ R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-shinmarugom {
	font-family: "新丸ゴ M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-shinmarugob {
	font-family: "新丸ゴ B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-chuugothicbbb {
	font-family: "中ゴシックBBB", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-reimin {
	font-family: "黎ミン R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-reiminm {
	font-family: "黎ミン M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .font-family-reiminb {
	font-family: "黎ミン B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.richtext .border-margin-none {
	margin-top: 0;
	margin-bottom: 0;
}

.component.richtext .border-margin-small {
	margin-top: 10px;
	margin-bottom: 10px;
}

.component.richtext .border-margin-medium {
	margin-top: 20px;
	margin-bottom: 20px;
}

.component.richtext .border-margin-large {
	margin-top: 30px;
	margin-bottom: 30px;
}

.component.richtext hr.type01 {
	height: 1px;
	background-image: linear-gradient(
		left,
		transparent,
		rgb(0 0 0 / 40%),
		transparent
	);
	border: 0;
}

.component.richtext hr.type02 {
	border: 0;
	border-bottom: 1px dashed #aaa;
}

.component.richtext hr.type03 {
	border: 0;
	border-bottom: 1px solid #aaa;
}

.component.richtext hr.type04 {
	border: 0;
	border-top: 3px double #aaa;
}

.component.richtext .button-cont a {
	white-space: pre-wrap;
}

.rich-text-component-modal .embed-load-button {
	margin: 10px;
}

.rich-text-component-modal .btn-toolbar {
	margin-bottom: 10px;
}

.rich-text-component-modal .btn-toolbar input {
	display: inline-block;
	width: 87.4%;
}

.rich-text-component-modal #md-preview-area {
	height: 400px;
}

.rich-text-component-modal #md-preview-area pre {
	height: 83%;
}

.rich-text-component-modal #theme-black {
	width: 40px;
	height: 34px;
	margin: 0 10px;
	background: #2d2d2d;
}

.rich-text-component-modal #theme-default {
	width: 40px;
	height: 34px;
	margin: 0 10px;
}

.component.richtext .black,
.rich-text-component-modal .black {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	overflow: hidden !important;
	font-size: 13px;
	line-height: 1.428571429;
	color: #ccc;
	word-break: break-all;
	word-wrap: break-word;
	background: #2d2d2d;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.component.richtext .black .hljs-comment,
.component.richtext .black .hljs-quote,
.rich-text-component-modal .black .hljs-comment,
.rich-text-component-modal .black .hljs-quote {
	color: #999;
}

.component.richtext .black .hljs-deletion,
.component.richtext .black .hljs-name,
.component.richtext .black .hljs-regexp,
.component.richtext .black .hljs-selector-class,
.component.richtext .black .hljs-selector-id,
.component.richtext .black .hljs-tag,
.component.richtext .black .hljs-template-variable,
.component.richtext .black .hljs-variable,
.rich-text-component-modal .black .hljs-deletion,
.rich-text-component-modal .black .hljs-name,
.rich-text-component-modal .black .hljs-regexp,
.rich-text-component-modal .black .hljs-selector-class,
.rich-text-component-modal .black .hljs-selector-id,
.rich-text-component-modal .black .hljs-tag,
.rich-text-component-modal .black .hljs-template-variable,
.rich-text-component-modal .black .hljs-variable {
	color: #f2777a;
}

.component.richtext .black .hljs-built_in,
.component.richtext .black .hljs-builtin-name,
.component.richtext .black .hljs-link,
.component.richtext .black .hljs-literal,
.component.richtext .black .hljs-meta,
.component.richtext .black .hljs-number,
.component.richtext .black .hljs-params,
.component.richtext .black .hljs-type,
.rich-text-component-modal .black .hljs-built_in,
.rich-text-component-modal .black .hljs-builtin-name,
.rich-text-component-modal .black .hljs-link,
.rich-text-component-modal .black .hljs-literal,
.rich-text-component-modal .black .hljs-meta,
.rich-text-component-modal .black .hljs-number,
.rich-text-component-modal .black .hljs-params,
.rich-text-component-modal .black .hljs-type {
	color: #f99157;
}

.component.richtext .black .hljs-attribute,
.rich-text-component-modal .black .hljs-attribute {
	color: #fc6;
}

.component.richtext .black .hljs-addition,
.component.richtext .black .hljs-bullet,
.component.richtext .black .hljs-string,
.component.richtext .black .hljs-symbol,
.rich-text-component-modal .black .hljs-addition,
.rich-text-component-modal .black .hljs-bullet,
.rich-text-component-modal .black .hljs-string,
.rich-text-component-modal .black .hljs-symbol {
	color: #9c9;
}

.component.richtext .black .hljs-section,
.component.richtext .black .hljs-title,
.rich-text-component-modal .black .hljs-section,
.rich-text-component-modal .black .hljs-title {
	color: #69c;
}

.component.richtext .black .hljs-keyword,
.component.richtext .black .hljs-selector-tag,
.rich-text-component-modal .black .hljs-keyword,
.rich-text-component-modal .black .hljs-selector-tag {
	color: #c9c;
}

.component.richtext .black .hljs,
.rich-text-component-modal .black .hljs {
	display: block;
	padding: 0.5em;
	overflow-x: auto;
	color: #ccc;
	background: #2d2d2d;
}

.component.richtext .black .hljs-emphasis,
.rich-text-component-modal .black .hljs-emphasis {
	font-style: italic;
}

.component.richtext .black .hljs-strong,
.rich-text-component-modal .black .hljs-strong {
	font-weight: 700;
}

.component.richtext .default,
.rich-text-component-modal .default {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	overflow: hidden !important;
	font-size: 13px;
	line-height: 1.428571429;
	word-break: break-all;
	word-wrap: break-word;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.component.richtext .default .hljs,
.component.richtext .default .hljs-subst,
.rich-text-component-modal .default .hljs,
.rich-text-component-modal .default .hljs-subst {
	color: #444;
}

.component.richtext .default .hljs-comment,
.rich-text-component-modal .default .hljs-comment {
	color: #888;
}

.component.richtext .default .hljs-attribute,
.component.richtext .default .hljs-doctag,
.component.richtext .default .hljs-keyword,
.component.richtext .default .hljs-meta-keyword,
.component.richtext .default .hljs-name,
.component.richtext .default .hljs-selector-tag,
.rich-text-component-modal .default .hljs-attribute,
.rich-text-component-modal .default .hljs-doctag,
.rich-text-component-modal .default .hljs-keyword,
.rich-text-component-modal .default .hljs-meta-keyword,
.rich-text-component-modal .default .hljs-name,
.rich-text-component-modal .default .hljs-selector-tag {
	font-weight: 700;
}

.component.richtext .default .hljs-deletion,
.component.richtext .default .hljs-number,
.component.richtext .default .hljs-quote,
.component.richtext .default .hljs-selector-class,
.component.richtext .default .hljs-selector-id,
.component.richtext .default .hljs-string,
.component.richtext .default .hljs-template-tag,
.component.richtext .default .hljs-type,
.rich-text-component-modal .default .hljs-deletion,
.rich-text-component-modal .default .hljs-number,
.rich-text-component-modal .default .hljs-quote,
.rich-text-component-modal .default .hljs-selector-class,
.rich-text-component-modal .default .hljs-selector-id,
.rich-text-component-modal .default .hljs-string,
.rich-text-component-modal .default .hljs-template-tag,
.rich-text-component-modal .default .hljs-type {
	color: #800;
}

.component.richtext .default .hljs-section,
.component.richtext .default .hljs-title,
.rich-text-component-modal .default .hljs-section,
.rich-text-component-modal .default .hljs-title {
	font-weight: 700;
	color: #800;
}

.component.richtext .default .hljs-link,
.component.richtext .default .hljs-regexp,
.component.richtext .default .hljs-selector-attr,
.component.richtext .default .hljs-selector-pseudo,
.component.richtext .default .hljs-symbol,
.component.richtext .default .hljs-template-variable,
.component.richtext .default .hljs-variable,
.rich-text-component-modal .default .hljs-link,
.rich-text-component-modal .default .hljs-regexp,
.rich-text-component-modal .default .hljs-selector-attr,
.rich-text-component-modal .default .hljs-selector-pseudo,
.rich-text-component-modal .default .hljs-symbol,
.rich-text-component-modal .default .hljs-template-variable,
.rich-text-component-modal .default .hljs-variable {
	color: #bc6060;
}

.component.richtext .default .hljs-literal,
.rich-text-component-modal .default .hljs-literal {
	color: #78a960;
}

.component.richtext .default .hljs-addition,
.component.richtext .default .hljs-built_in,
.component.richtext .default .hljs-bullet,
.component.richtext .default .hljs-code,
.rich-text-component-modal .default .hljs-addition,
.rich-text-component-modal .default .hljs-built_in,
.rich-text-component-modal .default .hljs-bullet,
.rich-text-component-modal .default .hljs-code {
	color: #397300;
}

.component.richtext .default .hljs-meta,
.rich-text-component-modal .default .hljs-meta {
	color: #1f7199;
}

.component.richtext .default .hljs-meta-string,
.rich-text-component-modal .default .hljs-meta-string {
	color: #4d99bf;
}

.component.richtext .default .hljs-emphasis,
.rich-text-component-modal .default .hljs-emphasis {
	font-style: italic;
}

.component.richtext .default .hljs-strong,
.rich-text-component-modal .default .hljs-strong {
	font-weight: 700;
}

.cke_contents,
.cke_inner,
.cke_reset,
.cke_wrapper {
	background-color: transparent !important;
}

.cke_maximized {
	background-color: #fff !important;
}

@media screen and (width <= 769px) {
	.component.richtext ol,
	.component.richtext ul {
		margin-left: 20px;
	}

	.component.richtext .table-with-row-header table tbody tr td,
	.component.richtext .table-with-row-header table tbody tr th {
		display: block !important;
	}

	.component.richtext .table-with-two-headers {
		overflow: scroll;
	}

	.component.richtext .table-with-two-headers table tr td,
	.component.richtext .table-with-two-headers table tr th {
		white-space: nowrap;
	}
}

.component.rss h3.overview {
	padding-bottom: 5px;
	font-weight: 700;
}

.component.rss .rss_entry {
	border-bottom: 1px solid #eee;
}

.component.rss .cont,
.component.rss .img {
	display: inline-block;
	vertical-align: top;
}

.component.rss .img {
	width: 20%;
}

.component.rss .img img {
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	border-radius: 3px;
}

.component.rss dd.right {
	padding: 5px;
	margin: 10px 0;
	font-size: 14px;
	text-align: right;
}

.component.rss .cont {
	width: 75%;
	padding: 10px;
	font-size: 14px;
	font-weight: 700;
	word-break: break-all;
}

.component.rss .cont .rss_date {
	margin: 10px 0;
}

.component.rss .cont .rss_title {
	margin: 10px 0;
	font-size: 16px;
	font-weight: 700;
}

.component.rss .cont .rss_desp {
	margin: 10px 0;
	font-weight: 700;
}

.component.rss .cont .rss_desp img {
	max-width: 100%;
}

.component.rss .cont a:hover {
	text-decoration: underline;
}

.component.salefoce-article,
.component.salefoce-related-article,
.component.salefoce-search {
	position: relative;
}

.component.search .search-cont {
	position: relative;
	padding: 0 55px 0 0;
}

.component.search .search-cont input[type="search"] {
	box-sizing: border-box;
	width: 100%;
	height: 37px;
	padding: 10px;
	font-size: 12px;
	vertical-align: middle;
	background-color: #eee;
	border: solid 1px #ddd;
	border-radius: 4px;
}

.component.search .search-cont input[type="search"]:focus {
	border: solid 2px #cd820a;
}

.component.search .search-cont input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	height: auto;
	padding: 10px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	user-select: none;
	background-color: #999;
	border-style: none;
	border-radius: 3px;
	-webkit-touch-callout: none;
}

.component.search .search-cont input[type="submit"]:hover {
	cursor: pointer;
	opacity: 0.8;
}

body.hidden-scroll {
	overflow: hidden;
}

.contents {
	margin: 0;
}

.page-title {
	padding: 5px;
	margin-top: 0;
	font-size: 16pt;
	color: #ccc;
	background-color: #555;
}

.page-breadcrumb,
.page-column,
.page-footer,
.page-navi,
.page-row {
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
}

.page-component {
	background: #fff;
}

.page-component:hover {
	background: #fff !important;
}

.page-navi {
	margin: 0;
	background-color: #fafafa;
}

.page-header {
	position: relative;
	min-height: 200px;
	margin: 0;
	background: 0 0;
	border: none;
}

.page-header .toggle {
	position: absolute;
	top: 10px;
	right: 20px;
	float: none;
	width: 95px;
	text-align: left;
}

.page-header .toggle .view-btn {
	position: absolute;
	top: 0;
	right: 0;
}

.hidden-nav {
	position: absolute;
	z-index: 99999;
	width: 100%;
	height: 100%;
}

.page-breadcrumb,
.page-component,
.page-header,
.page-navi {
	line-height: 34px;
}

.page-breadcrumb .align-right,
.page-component .align-right,
.page-header .align-right,
.page-navi .align-right {
	float: right !important;
}

.page-breadcrumb .p-help,
.page-component .p-help,
.page-header .p-help,
.page-navi .p-help {
	font-size: 12px;
	color: #ccc;
}

.page-header-image img {
	width: 100%;
	height: auto;
}

.page-header-image .page-header-title {
	padding: 10px;
	font-size: 24px;
	font-weight: 700;
}

.page-header-image .page-header-subtitle {
	padding: 10px;
	font-size: 16px;
}

.edit-navi .inner {
	position: relative;
	max-width: 100% !important;
}

.edit-breadcrumb .breadcrumbs {
	max-width: 100% !important;
}

.edit-logo {
	position: relative;
}

.edit-logo #editAreabrandLogo {
	margin: 0;
}

.edit-logo .page-static-component-tag {
	position: absolute;
	left: -100px;
	z-index: 99;
}

.edit-logo .dd-area {
	position: absolute;
	top: 0;
	left: 0;
	height: 50px;
	padding: 5px;
	background: 0 0 !important;
}

.page-breadcrumb {
	background-color: #fafafa;
}

.page-footer {
	background-color: #fafafa;
}

.page-footer .page-component {
	border: 1px solid #eee;
}

.page-footer .page-copyright-output {
	text-align: center;
}

.page-content-unit {
	padding: 10px;
	margin-bottom: 20px;
	background: rgb(0 150 170 / 10%);
	border: 1px solid #fff;
}

.page-content-unit:hover {
	border: 1px solid #97d2e8;
}

.page-side {
	background-color: #fefaf4;
	border: 1px solid #fff;
}

.page-side:hover {
	border: 1px solid #97d2e8;
}

.page-content {
	padding: 10px;
	background: rgb(0 150 170 / 10%);
	border: 1px solid #fff;
}

.page-content:hover {
	border: 1px solid #97d2e8;
}

.page-column {
	background-color: #fafafa;
}

.page-list-count {
	display: inline;
	width: 80px;
	margin: 10px 0;
}

.page-static-component-tag {
	padding: 2px 5px;
	margin: 0 5px;
	font-size: 12px;
	color: #888;
	background-color: #eee;
	border: solid 1px #ccc;
}

.page-static-component-tag.on:hover {
	cursor: pointer;
	opacity: 0.8;
}

#displayNavigation li {
	display: inline-block;
	padding-right: 0;
	font-size: 12px;
}

#displayNavigation li:not(:last-child)::after {
	padding: 0 2px;
	font-size: 11px;
	color: #999;
	content: "|";
}

.dd-area {
	padding: 20px;
	text-align: center;
	border-radius: 4px;
}

.dd-area .drag-text {
	color: #a9a9a9;
}

.btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px;
}

.btn-md {
	padding: 5px 10px;
	font-size: 14px;
	line-height: 1.33;
	border-radius: 3px;
}

.btn-md:hover {
	cursor: pointer;
}

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

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

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

.img-focus {
	border-color: #52a8ec;
	outline: 0;
	box-shadow: 0 0 8px rgb(82 168 236 / 80%);
}

.graph-area {
	height: 300px;
	margin: 10px;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
}

.no-data {
	height: 150px;
}

.fixed-cell-40p {
	width: 40%;
}

.fixed-cell-30p {
	width: 30%;
}

.setting-control {
	margin: 10px;
}

.setting-control #theme-form h4 {
	padding: 0;
	margin: 0;
}

.setting-control #theme-form .color-select .checked {
	background: #079952;
}

.setting-control #theme-form .color-select a {
	display: inline-block;
	padding: 2px;
	margin: 5px;
	color: #fff;
	border: solid 1px #ddd;
}

.setting-control #theme-form .color-select a span {
	display: block;
	width: 25px;
	height: 25px;
	font-size: 0;
}

.line-count {
	display: inline;
	width: 80px;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: right;
}

.txt-primary {
	color: #428bca;
}

.graph-area {
	margin-top: 20px;
}

.js-btn-csv a {
	color: #fff;
}

.table > thead:first-child > tr:first-child > th.dropup,
.table > thead:first-child > tr:first-child > th.rep-head {
	background-color: none;
}

.table > thead:first-child > tr:first-child > th.dropup a,
.table > thead:first-child > tr:first-child > th.rep-head a {
	color: #2d2d2d;
}

th.sum {
	background-color: #f7f7f7;
}

.btn-breadcrumb .btn:not(:last-child)::after {
	position: absolute;
	top: 50%;
	left: 100%;
	z-index: 3;
	display: block;
	width: 0;
	height: 0;
	margin-top: -17px;
	content: " ";
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 10px solid #fff;
}

.btn-breadcrumb .btn:not(:last-child)::before {
	position: absolute;
	top: 50%;
	left: 100%;
	z-index: 3;
	display: block;
	width: 0;
	height: 0;
	margin-top: -17px;
	margin-left: 1px;
	content: " ";
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 10px solid #adadad;
}

.btn-breadcrumb .btn {
	padding: 6px 12px 6px 24px;
}

.btn-breadcrumb .btn:first-child {
	padding: 6px 6px 6px 10px;
}

.btn-breadcrumb .btn:last-child {
	padding: 6px 18px 6px 24px;
}

.btn-breadcrumb .btn.btn-default:not(:last-child)::after {
	border-left: 10px solid #fff;
}

.btn-breadcrumb .btn.btn-default:not(:last-child)::before {
	border-left: 10px solid #ccc;
}

.btn-breadcrumb .btn.btn-default:hover:not(:last-child)::after {
	border-left: 10px solid #ebebeb;
}

.btn-breadcrumb .btn.btn-default:hover:not(:last-child)::before {
	border-left: 10px solid #adadad;
}

.btn-breadcrumb .btn.btn-primary:not(:last-child)::after {
	border-left: 10px solid #428bca;
}

.btn-breadcrumb .btn.btn-primary:not(:last-child)::before {
	border-left: 10px solid #357ebd;
}

.btn-breadcrumb .btn.btn-primary:hover:not(:last-child)::after {
	border-left: 10px solid #3276b1;
}

.btn-breadcrumb .btn.btn-primary:hover:not(:last-child)::before {
	border-left: 10px solid #285e8e;
}

.btn-breadcrumb .btn.btn-success:not(:last-child)::after {
	border-left: 10px solid #5cb85c;
}

.btn-breadcrumb .btn.btn-success:not(:last-child)::before {
	border-left: 10px solid #4cae4c;
}

.btn-breadcrumb .btn.btn-success:hover:not(:last-child)::after {
	border-left: 10px solid #47a447;
}

.btn-breadcrumb .btn.btn-success:hover:not(:last-child)::before {
	border-left: 10px solid #398439;
}

.btn-breadcrumb .btn.btn-danger:not(:last-child)::after {
	border-left: 10px solid #d9534f;
}

.btn-breadcrumb .btn.btn-danger:not(:last-child)::before {
	border-left: 10px solid #d43f3a;
}

.btn-breadcrumb .btn.btn-danger:hover:not(:last-child)::after {
	border-left: 10px solid #d2322d;
}

.btn-breadcrumb .btn.btn-danger:hover:not(:last-child)::before {
	border-left: 10px solid #ac2925;
}

.btn-breadcrumb .btn.btn-warning:not(:last-child)::after {
	border-left: 10px solid #f0ad4e;
}

.btn-breadcrumb .btn.btn-warning:not(:last-child)::before {
	border-left: 10px solid #eea236;
}

.btn-breadcrumb .btn.btn-warning:hover:not(:last-child)::after {
	border-left: 10px solid #ed9c28;
}

.btn-breadcrumb .btn.btn-warning:hover:not(:last-child)::before {
	border-left: 10px solid #d58512;
}

.btn-breadcrumb .btn.btn-info:not(:last-child)::after {
	border-left: 10px solid #5bc0de;
}

.btn-breadcrumb .btn.btn-info:not(:last-child)::before {
	border-left: 10px solid #46b8da;
}

.btn-breadcrumb .btn.btn-info:hover:not(:last-child)::after {
	border-left: 10px solid #39b3d7;
}

.btn-breadcrumb .btn.btn-info:hover:not(:last-child)::before {
	border-left: 10px solid #269abc;
}

.panel-body .btn:not(.btn-block) {
	margin-bottom: 10px;
}

img {
	vertical-align: middle;
}

.img-responsive {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.img-rounded {
	border-radius: 3px;
}

.img-circle {
	border-radius: 50%;
}

.timeline-centered {
	position: relative;
	margin-bottom: 30px;
}

.timeline-centered::after,
.timeline-centered::before {
	display: table;
	content: " ";
}

.timeline-centered::after {
	clear: both;
}

.timeline-centered::after,
.timeline-centered::before {
	display: table;
	content: " ";
}

.timeline-centered::after {
	clear: both;
}

.timeline-centered::before {
	position: absolute;
	top: 20px;
	bottom: 20px;
	display: block;
	width: 4px;
	margin-left: 30px;
	content: "";
	background: #f5f5f6;
}

.timeline-centered .timeline-entry {
	position: relative;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 30px;
	clear: both;
}

.timeline-centered .timeline-entry::after,
.timeline-centered .timeline-entry::before {
	display: table;
	content: " ";
}

.timeline-centered .timeline-entry::after {
	clear: both;
}

.timeline-centered .timeline-entry::after,
.timeline-centered .timeline-entry::before {
	display: table;
	content: " ";
}

.timeline-centered .timeline-entry::after {
	clear: both;
}

.timeline-centered .timeline-entry.begin {
	margin-bottom: 0;
}

.timeline-centered .timeline-entry.left-aligned {
	float: left;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
	margin-right: -18px;
	margin-left: 0;
}

.timeline-centered
	.timeline-entry.left-aligned
	.timeline-entry-inner
	.timeline-time {
	right: -100px;
	left: auto;
	text-align: left;
}

.timeline-centered
	.timeline-entry.left-aligned
	.timeline-entry-inner
	.timeline-icon {
	float: right;
}

.timeline-centered
	.timeline-entry.left-aligned
	.timeline-entry-inner
	.timeline-label {
	margin-right: 70px;
	margin-left: 0;
}

.timeline-centered
	.timeline-entry.left-aligned
	.timeline-entry-inner
	.timeline-label::after {
	right: 0;
	left: auto;
	margin-right: -9px;
	margin-left: 0;
	transform: rotate(180deg);
}

.timeline-centered .timeline-entry .timeline-entry-inner {
	position: relative;
	margin-left: -20px;
}

.timeline-centered .timeline-entry .timeline-entry-inner::after,
.timeline-centered .timeline-entry .timeline-entry-inner::before {
	display: table;
	content: " ";
}

.timeline-centered .timeline-entry .timeline-entry-inner::after {
	clear: both;
}

.timeline-centered .timeline-entry .timeline-entry-inner::after,
.timeline-centered .timeline-entry .timeline-entry-inner::before {
	display: table;
	content: " ";
}

.timeline-centered .timeline-entry .timeline-entry-inner::after {
	clear: both;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
	position: absolute;
	left: -100px;
	box-sizing: border-box;
	padding: 10px;
	text-align: right;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
	display: block;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-time
	> span:first-child {
	font-size: 12px;
	font-weight: 700;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-time
	> span:last-child {
	font-size: 10px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	color: #737881;
	text-align: center;
	background: #fff;
	background-clip: padding-box;
	border-radius: 20px;
	box-shadow: 0 0 0 5px #f5f5f6;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-icon.bg-primary {
	color: #fff;
	background-color: #303641;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-icon.bg-secondary {
	color: #fff;
	background-color: #ee4749;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-icon.bg-success {
	color: #fff;
	background-color: #00a651;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-icon.bg-info {
	color: #fff;
	background-color: #21a9e1;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-icon.bg-warning {
	color: #fff;
	background-color: #fad839;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-icon.bg-danger {
	color: #fff;
	background-color: #cc2424;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
	position: relative;
	padding: 1em;
	margin-left: 60px;
	background: #f5f5f6;
	background-clip: padding-box;
	border-radius: 3px;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-label::after {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 0;
	height: 0;
	margin-left: -9px;
	content: "";
	border-color: transparent #f5f5f6 transparent transparent;
	border-style: solid;
	border-width: 9px 9px 9px 0;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
	margin: 0;
	font-family: "Noto Sans", sans-serif;
	font-size: 10px;
	line-height: 1.428571429;
	color: #737881;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
	margin-top: 15px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
	margin-bottom: 10px;
	font-size: 16px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
	color: #303641;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-label
	h2
	span {
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label table {
	font-size: 10pt;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-label
	table
	th {
	background-color: #eee;
}

.productbox {
	padding: 10px;
	margin-bottom: 10px;
	background-color: #fff;
	box-shadow: 0 8px 6px -6px #999;
}

.producttitle {
	padding: 5px 0;
	font-weight: 700;
}

.productprice {
	padding-top: 5px;
	border-top: 1px solid #dadada;
}

.pricetext {
	font-size: 1.4em;
	font-weight: 700;
}

.rt-graph {
	background-color: #fff6e3;
}

.rt-count-talbe {
	display: table;
	width: 100%;
}

.rt-count {
	display: table-cell;
	min-width: 100%;
	height: 80px;
	font-size: 30pt;
	font-weight: 700;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.rt-url-style {
	font-size: small;
	font-style: italic;
	color: #999;
	word-wrap: break-word;
}

.tile-progress {
	color: #fff;
	background-color: #303641;
}

.tile-progress {
	margin-bottom: 20px;
	color: #fff;
	background: #00a65b;
	background-clip: padding-box;
	border-radius: 3px;
}

.tile-progress .tile-header {
	min-height: 150px;
	padding: 15px 20px;
	padding-bottom: 40px;
}

.tile-progress .tile-progressbar {
	height: 2px;
	margin: 0;
	background: rgb(0 0 0 / 18%);
}

.tile-progress .tile-progressbar span {
	background: #fff;
}

.tile-progress .tile-progressbar span {
	display: block;
	width: 0;
	height: 100%;
	background: #fff;
	transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.tile-progress .tile-footer {
	padding: 20px;
	text-align: right;
	background: rgb(0 0 0 / 10%);
	background-clip: padding-box;
	border-radius: 0 0 3px 3px;
}

.tile-progress.tile-red {
	color: #fff;
	background-color: #f56954;
}

.tile-progress {
	color: #fff;
	background-color: #303641;
}

.tile-progress.tile-blue {
	color: #fff;
	background-color: #0073b7;
}

.tile-progress.tile-aqua {
	color: #fff;
	background-color: #00c0ef;
}

.tile-progress.tile-green {
	color: #fff;
	background-color: #00a65a;
}

.tile-progress.tile-cyan {
	color: #fff;
	background-color: #00b29e;
}

.tile-progress.tile-purple {
	color: #fff;
	background-color: #ba79cb;
}

.tile-progress.tile-pink {
	color: #fff;
	background-color: #ec3b83;
}

.pct-counter {
	font-size: 16pt;
	font-weight: 700;
}

td.v-alm {
	vertical-align: middle;
}

input[type="number"] {
	text-align: right;
}

.alert.alert-danger h4 {
	font-size: 12pt;
	font-weight: 700;
}

.alert.alert-danger .text-lg {
	font-size: 10.5pt;
	line-height: 1.5em;
}

.cv-detail table {
	font-size: 10pt;
}

.cv-detail h3 {
	padding-left: 5px;
	font-weight: 700;
	border-left: 3px solid #ccc;
}

.cv-detail .cv-table {
	border-right: none;
	border-left: none;
}

.cv-detail .cv-table td {
	vertical-align: middle;
}

.show-details .cv-customer-info {
	border: 2px solid #eee;
}

.show-details .cv-customer-info .profile-info {
	margin-top: 25px;
}

.show-details .cv-customer-info .device-info {
	margin-top: 15px;
	margin-bottom: 15px;
	border-left: 2px solid #eee;
}

.show-details .cv-customer-info .user-image {
	margin-top: 22px;
}

.show-details .cv-customer-info .user-image img {
	width: 80px;
	height: 80px;
}

.show-details table {
	border: none;
}

.show-details table td,
.show-details table th {
	border: none !important;
}

.show-details table td.font-thin,
.show-details table th.font-thin {
	font-weight: 400;
	color: #666;
}

.show-details table td.font-bold,
.show-details table th.font-bold {
	font-weight: 700;
}

.show-details .no-padding-left {
	padding-left: 0;
}

.show-details .no-padding-right {
	padding-right: 0;
}

.cv-summary .more-unit {
	margin-left: 10px;
	font-size: small;
}

.domain-text {
	width: 400px;
}

.addon-box {
	width: 200px;
	padding: 0;
	border: none;
}

.addon-select {
	width: 200px;
	background-color: #eee;
	border-left: 0;
	outline: 0 none !important;
}

.tree-block {
	margin: 20px;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 12pt;
}

.tree-top {
	width: 100%;
	padding: 8px;
	margin: 2px 0;
	clear: both;
	line-height: 1.428571429;
	vertical-align: middle;
}

.tree-1 {
	width: 100%;
	padding: 8px;
	margin: 2px 0 2px 20px;
	clear: both;
	line-height: 1.428571429;
}

.sitemap-url {
	float: left;
}

.sitemap-title {
	float: left;
}

.sitemap-button {
	float: right;
}

.page-content .edit-button {
	display: none;
}

.page-content .edit .edit-button {
	display: block;
}

.page-side .edit-button {
	display: none;
}

.page-side .edit .edit-button {
	display: block;
}

.page-footer .edit-button {
	display: none;
}

.page-footer .edit .edit-button {
	display: block;
}

.page-base-info {
	padding: 0;
}

.page-base-info-block {
	padding: 10px;
	color: #fff;
	background-color: #555;
}

.page-base-info-block .show-select {
	margin-right: 20px;
}

.page-base-info-block a {
	color: #fff;
}

.page-base-info-block .lines {
	display: table;
	width: 100%;
	line-height: 1.5em;
	table-layout: fixed;
}

.page-base-info-block hr {
	height: 1px;
	margin: 10px 0;
}

.page-edit-footer {
	position: fixed;
	bottom: 0;
	left: 15%;
}

.page-edit-footer-block {
	padding: 5px 10px 3px 3px;
	color: #fff;
	background-color: #555;
}

.page-edit-footer-block edit-col {
	margin: 5px;
}

.page-edit-footer-block .lines {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.page-edit-footer-block .lines p {
	padding: 2px 4px;
	margin: 3px 20px 0 3px;
	line-height: 30px;
	color: #555;
	background: #eee;
	border-radius: 4px;
}

.page-edit-footer-block .lines p span {
	padding: 5px 10px;
	margin-right: 10px;
	color: #fff;
	background: #999;
}

.row-none {
	display: table;
	width: 100%;
	padding: 0;
	margin: 0;
	table-layout: fixed;
}

.mp-none {
	padding: 0;
	margin: 0;
}

.mp-left-none {
	padding-left: 0;
	margin-left: 0;
}

.mp-right-none {
	padding-right: 0;
	margin-right: 0;
}

.pr-5 {
	padding-right: 3px;
	padding-left: 0;
	margin: 0;
}

.fl-right {
	float: right;
}

.cursor-clickable {
	cursor: pointer;
}

.panel-heading.page-info {
	color: #fff;
	background-color: #555;
	border: none;
}

#sitemap .dd-menu-title {
	display: inline-block;
	width: 85%;
}

#sitemap .dd-menu-icon {
	display: inline-block;
	width: 12%;
	text-align: right;
}

.dd-item.home > .dd3-content::after {
	position: absolute;
	right: 10px;
	font-family: FontAwesome;
	content: "\F015";
}

.dd3-content {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}

.edit .lines a.ng-binding {
	color: #afdaf2;
}

.edit .lines a.ng-binding:hover {
	color: #6dbce8;
	text-decoration: underline;
}

.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover,
.input-group #epiceditor,
.input-group .form-control {
	z-index: 0;
}

.title .small {
	font-size: 20px !important;
}

.title .medium {
	font-size: 30px !important;
}

.title .large {
	font-size: 40px !important;
}

.border-margin-none {
	margin-top: 0;
	margin-bottom: 0;
}

.border-margin-small {
	margin-top: 10px;
	margin-bottom: 10px;
}

.border-margin-medium {
	margin-top: 20px;
	margin-bottom: 20px;
}

.border-margin-large {
	margin-top: 30px;
	margin-bottom: 30px;
}

hr.type01 {
	height: 1px;
	background-image: linear-gradient(
		left,
		transparent,
		rgb(0 0 0 / 75%),
		transparent
	);
	border: 0;
}

hr.type02 {
	border: 0;
	border-bottom: 1px dashed #aaa;
}

hr.type03 {
	border: 0;
	border-bottom: 1px solid #aaa;
}

hr.type04 {
	border: 0;
	border-top: 3px double #aaa;
}

.va-middle {
	vertical-align: middle !important;
}

.entry:not(:first-of-type) {
	margin-top: 10px;
}

a.preview:hover img {
	border-width: 2px;
	opacity: 0.8;
}

.control-label-left {
	padding-top: 7px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}

.form-submit-thanks-header {
	margin: 15px 0;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

.form-submit-thanks-body {
	font-size: 16px;
	text-align: center;
}

.errors {
	font-family: "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic ProN",
		"メイリオ", Arial, sans-serif;
}

.errors .box {
	padding: 40px;
	background-color: #eee;
	border-radius: 4px;
}

.errors .error-title {
	margin: 20px 0;
	font-size: 20pt;
	font-weight: 700;
}

.errors .error-subtitle {
	padding-bottom: 20px;
	font-size: 16pt;
}

#wysiwyg-bar {
	position: absolute;
	top: -33px;
	left: 0;
	display: none;
	padding: 0 5px;
	background-color: rgb(51 51 51 / 30%);
	border-radius: 3px;
	outline: 0;
}

#brand_popover .arrow {
	display: none;
}

.page-edit .page-list-label {
	position: relative;
	height: 50px;
}

.page-edit .page-list-label label {
	margin-top: 10px;
}

.page-edit .page-list-label a {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 5px;
}

.page-edit .dd {
	float: left;
	width: 98%;
}

.page-edit .bd-right {
	border-right: 1px solid #ddd;
}

.page-edit .page-init .row-none {
	margin-top: 18px;
}

.page-edit .page-init .checkbox label {
	margin-left: 10px;
	vertical-align: sub;
}

.page-edit .btn-radio {
	width: 100%;
}

.page-edit .img-radio {
	margin-bottom: 5px;
	opacity: 0.5;
}

.page-edit .mt-10 {
	margin-top: 10px !important;
}

.page-edit .mt-20 {
	margin-top: 20px !important;
}

.page-edit .img-responsive {
	width: 100%;
}

.page-edit .box-header {
	color: #fff;
	background-color: #777;
	background-image: none;
	border-radius: 0;
}

.page-edit .box-header h2 {
	text-shadow: none;
	border: none;
}

.page-edit .box-header .break {
	border: none;
}

.page-edit .box-header .box-icon i {
	color: #fff;
}

.page-edit .page-tab-content {
	padding: 20px 15px 30px;
	border: 1px solid #ddd;
}

.page-edit .page-tab-content table#ab-test-index {
	font-size: 11px;
}

.page-edit #delete-abtest {
	top: 0;
	right: 0;
	width: 250px;
	margin-right: 10px;
}

.page-edit #important_table {
	max-height: 300px;
	overflow-y: scroll;
}

.page-edit .no-padding-right {
	padding-right: 0;
}

.page-edit .no-margin-top {
	margin-top: 0;
}

.page-edit .tagsinput span.tag {
	color: #fff;
	background: #425d71;
	border: 1px solid #1e3548;
}

.page-edit .tagsinput span.tag a {
	color: #fff;
}

.page-edit label.fn-n {
	font-weight: 400;
}

.page-edit .dd-list .ui-droppable:hover {
	cursor: grab;
}

.page-edit .dd-list .ui-droppable:active {
	cursor: grabbing;
}

#show-right-side {
	padding: 10px 30px;
	background-color: #eee;
	border-left: 1px solid #ddd;
}

#show-right-side:hover {
	color: #595959;
	background-color: #e1e1e1;
}

.blog textarea#InputEntry {
	width: 100%;
}

.blog .list-table td {
	vertical-align: top;
}

.cv-table td {
	line-height: 1.2px;
}

.cv-table td.url {
	word-break: break-all;
}

.cv-table td.url a {
	font-size: small;
	color: #428bca;
}

table td.url {
	word-break: break-all;
}

table td.w-30,
table th.w-30 {
	width: 30px;
}

table td.w-40,
table th.w-40 {
	width: 40px;
}

table td.w-50,
table th.w-50 {
	width: 50px;
}

table td.w-60,
table th.w-60 {
	width: 60px;
}

table td.w-70,
table th.w-70 {
	width: 70px;
}

table td.w-80,
table th.w-80 {
	width: 80px;
}

table td.w-90,
table th.w-90 {
	width: 90px;
}

table td.w-100,
table th.w-100 {
	width: 100px;
}

table td.w-120,
table th.w-120 {
	width: 120px;
}

table td.w-140,
table th.w-140 {
	width: 140px;
}

table td.w-150,
table th.w-150 {
	width: 150px;
}

table td.w-160,
table th.w-160 {
	width: 160px;
}

table td.w-170,
table th.w-170 {
	width: 170px;
}

table td.w-180,
table th.w-180 {
	width: 180px;
}

table td.w-200,
table th.w-200 {
	width: 200px;
}

table td.w-220,
table th.w-220 {
	width: 220px;
}

table td.w-240,
table th.w-240 {
	width: 240px;
}

table td.w-300,
table th.w-300 {
	width: 300px;
}

table th.w-7p {
	width: 7%;
}

table th.w-8p {
	width: 8%;
}

table th.w-10p {
	width: 10%;
}

table th.w-15p {
	width: 15%;
}

table th.w-20p {
	width: 20%;
}

table td.w-25p,
table th.w-25p {
	width: 25%;
}

table th.w-30p {
	width: 30%;
}

table th.w-35p {
	width: 35%;
}

table th.w-40p {
	width: 40%;
}

table th.w-45p {
	width: 45%;
}

table th.w-50p {
	width: 50%;
}

table th.w-55p {
	width: 55%;
}

table th.w-60p {
	width: 60%;
}

table th.w-65p {
	width: 65%;
}

table th.w-70p {
	width: 70%;
}

table th.w-75p {
	width: 75%;
}

table th.w-80p {
	width: 80%;
}

table th.w-85p {
	width: 85%;
}

table th.w-90p {
	width: 90%;
}

table th.w-400 {
	width: 400px;
}

.cv-user-table th {
	width: 180px;
}

.cv-user-table td {
	line-height: 1.2em;
	word-break: break-all;
	background-color: #fdfdfd;
}

.cv-user-table td.w-300 {
	width: 300px;
}

.list-entry .form-group {
	line-height: 1.5em;
}

.bs-callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-top-width: 5px;
	border-radius: 3px;
}

.bs-callout .bs-callout h4 {
	margin-top: 0;
	margin-bottom: 5px;
}

.bs-callout-danger {
	border-top-color: #fcaf16;
}

.bs-callout-danger h4 {
	font-weight: 700;
	color: #fcaf16;
}

.forget-link {
	margin: 40px;
}

.forget-link a {
	color: #3286b3;
}

.forget-link a:hover {
	color: #6dbce8;
}

.rt-url-style a {
	color: #428bca;
}

#editText .form-group .com-sm-12 {
	padding: 0;
}

#epiceditor {
	padding: 0 2%;
	font-size: 14.4px;
	background-color: #eee;
	border: solid 1px #ddd;
	border-radius: 4px;
}

.ad-banner-link {
	width: 100%;
	margin: 10px 0 0;
	text-align: center;
	background: #fff;
}

.ad-banner-link img {
	width: 100% !important;
}

.now-plan {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}

.plan-description {
	padding: 20px;
}

.plan-offer-button {
	text-align: center;
}

.plan {
	padding: 10px 20px;
}

.plan section.welcome .board,
.plan section.welcome .board > div.board-inner {
	width: auto;
	background-color: none;
}

.plan .select-plan-title {
	margin: 0 0 40px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5em;
	text-align: center;
}

.plan .plan-explanation {
	padding: 10px 20px;
}

.plan table.table td {
	vertical-align: middle;
}

.plan-edit .bd-right {
	padding: 20px;
	border-right: 1px solid #eee;
}

.plan-edit .now-plan {
	margin: 10px 0;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}

.plan-edit .plan-wzbox {
	padding-left: 0;
}

.cc-no-1,
.cc-no-2,
.cc-no-3 {
	width: 90%;
}

.cc-no-1::after,
.cc-no-2::after,
.cc-no-3::after {
	content: "-";
}

.modal-dialog .image-component-modal .panel {
	margin: 10px 0;
}

.modal-dialog .image-component-modal .panel .table-responsive {
	border: none;
}

.modal-dialog .image-component-modal .panel .upload-link-table table.table {
	background: #fff;
}

.modal-dialog
	.image-component-modal
	.panel
	.upload-link-table
	table.table
	tr.row-selected {
	background: #555;
}

.modal-dialog
	.image-component-modal
	.panel
	.upload-link-table
	table.table
	tr:hover {
	color: #333;
	cursor: pointer;
	background: #ccc;
}

.modal-dialog .image-component-modal .panel .table > thead > tr > th {
	border: none;
}

.modal-dialog .image-component-modal .panel table.table {
	margin: 0 !important;
	background: #eee;
}

.modal-dialog .image-component-modal .panel .form-group {
	margin-bottom: 0;
}

.modal-dialog .image-component-modal .upload-img-title {
	padding: 10px;
	margin: 10px 0;
	text-align: left;
	background: #eee;
}

.modal-dialog .image-component-modal #uploaded_image_show {
	margin: 10px 0;
}

.modal-dialog .image-component-modal .img-uploaded {
	padding: 10px;
}

.modal-dialog .image-component-modal .dropable-area {
	padding: 10px;
}

.modal-dialog .image-component-modal .img-alt {
	margin: 10px 0;
}

.modal-dialog .image-component-modal .setting-cont.inline-input label * {
	vertical-align: middle;
}

.modal-dialog .image-component-modal .setting-cont.inline-input label span {
	margin-right: 10px;
}

.modal-dialog .image-component-modal .setting-cont.inline-input .form-group {
	display: inline-block;
	width: auto;
	margin-bottom: 0;
}

.modal-dialog
	.image-component-modal
	.setting-cont.inline-input
	.form-group
	.checkbox {
	vertical-align: middle;
}

.modal-dialog .image-component-modal .image-info {
	width: 100%;
	background: #f6f6f6;
}

.modal-dialog .image-component-modal .image-info td,
.modal-dialog .image-component-modal .image-info th {
	padding: 5px 10px;
}

.modal-dialog .image-component-modal .image-info th {
	width: 100px;
	text-align: center;
	background: #eee;
}

.modal-dialog .image-component-modal .image-info td {
	background: #fff;
}

.markdown-editor.cta-markdown {
	height: 250px;
	padding-bottom: 20px;
}

.markdown-editor {
	height: 400px;
	padding-top: 10px;
	padding-bottom: 0;
}

.markdown-editor .h80p {
	height: 85%;
}

.markdown-editor .h80p textarea {
	height: 331px;
	resize: none;
}

.markdown-editor .row .btn-group,
.markdown-editor .row .btn-toolbar,
.markdown-editor .row .form-group {
	padding: 0;
	margin: 0;
}

.markdown-editor .row div {
	height: 100%;
	padding-right: 10px;
	padding-left: 10px;
}

.markdown-editor #bt-show-preview {
	background-color: transparent;
	border: none;
}

.markdown-editor .pv-switch {
	height: 42px;
	padding-top: 10px;
	font-weight: 700;
}

.markdown-editor .pv-switch #bt-show-preview {
	background: 0 0;
	border: none;
}

.markdown-editor .pv-switch div {
	display: inline-block;
}

#preview-markdown {
	height: 331px;
	padding: 5px;
	overflow: auto;
	background-color: #eee;
	border-radius: 4px;
}

#preview-markdown img {
	width: 100%;
}

#preview-markdown ol,
#preview-markdown ul {
	padding: 0 0 0 2em;
	margin: 1em 0;
	list-style: disc;
}

#preview-markdown li p:last-child {
	margin: 0;
}

#preview-markdown dd {
	margin: 0 0 0 2em;
}

#preview-markdown em {
	font-style: italic;
}

#preview-markdown strong {
	font-weight: 700;
}

#preview-markdown img {
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

#preview-markdown table {
	width: 100%;
	margin: 20px 0;
	border-spacing: 0;
	border-collapse: collapse;
}

#preview-markdown th {
	text-align: center;
}

#preview-markdown td,
#preview-markdown th {
	padding: 20px;
	margin: 0;
	vertical-align: middle;
	border: 1px solid #ddd;
}

#preview-markdown th {
	font-weight: 700;
	background: #eee;
}

.page-component img {
	width: 100%;
}

.page-component .header .title h2 {
	white-space: pre-line;
}

.page-component .header .title h3 {
	white-space: pre-line;
}

.sns-fa-fb-lg {
	font-size: 24px !important;
	color: #3b5998;
}

.sns-fa-tw-lg {
	font-size: 24px;
	color: #55acee;
}

.sns-fa-gp-lg {
	font-size: 24px;
	color: #dd4b39;
}

.bgc-sns-fb {
	color: #fff;
	background-color: #3b5998;
}

.bgc-sns-tw {
	color: #fff;
	background-color: #55acee;
}

.bgc-sns-gp {
	color: #fff;
	background-color: #dd4b39;
}

.btn-sns-join {
	width: 180px;
}

.sns-posttime {
	margin-bottom: 20px;
}

.sns-posttime form {
	margin-top: 10px;
}

.edit_category .row-none,
.edit_tag .row-none {
	margin-top: 25px;
	margin-left: -10px;
}

.button-bg-image {
	width: 100%;
	overflow: hidden;
}

.button-bg-image .btn-left {
	float: left;
	width: 49%;
}

.button-bg-image .btn-right {
	float: right;
	width: 49%;
	margin-bottom: 10px;
}

@font-face {
	font-family: "Glyphicons Social Regular";
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/glyphicons-social-regular.eot);
	src:
		url(../fonts/glyphicons-social-regular.eot?#iefix)
			format("embedded-opentype"),
		url(../fonts/glyphicons-social-regular.woff) format("woff"),
		url(../fonts/glyphicons-social-regular.ttf) format("truetype"),
		url(../fonts/glyphicons-social-regular.svg#glyphicons_socialregular)
			format("svg");
}

.social {
	position: relative;
	display: inline-block;
	padding-left: 30px;
	color: #1d1d1b;
	text-decoration: none;
	vertical-align: middle;
}

.social::before {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	margin: 0 5px 0 0;
	font: 24px/1em "Glyphicons Social Regular";
	font-style: normal;
	font-weight: 400;
	color: #1d1d1b;
	text-transform: none;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
}

.social.white::before {
	color: #fff;
}

.social.pinterest::before {
	content: "\E001";
}

.social.dropbox::before {
	content: "\E002";
}

.social.google_plus::before {
	content: "\E003";
}

.social.jolicloud::before {
	content: "\E004";
}

.social.yahoo::before {
	content: "\E005";
}

.social.blogger::before {
	content: "\E006";
}

.social.picasa::before {
	content: "\E007";
}

.social.amazon::before {
	content: "\E008";
}

.social.tumblr::before {
	content: "\E009";
}

.social.wordpress::before {
	content: "\E010";
}

.social.instapaper::before {
	content: "\E011";
}

.social.evernote::before {
	content: "\E012";
}

.social.xing::before {
	content: "\E013";
}

.social.zootool::before {
	content: "\E014";
}

.social.dribbble::before {
	content: "\E015";
}

.social.deviantart::before {
	content: "\E016";
}

.social.read_it_later::before {
	content: "\E017";
}

.social.linked_in::before {
	content: "\E018";
}

.social.forrst::before {
	content: "\E019";
}

.social.pinboard::before {
	content: "\E020";
}

.social.behance::before {
	content: "\E021";
}

.social.github::before {
	content: "\E022";
}

.social.youtube::before {
	content: "\E023";
}

.social.skitch::before {
	content: "\E024";
}

.social.foursquare::before {
	content: "\E025";
}

.social.quora::before {
	content: "\E026";
}

.social.badoo::before {
	content: "\E027";
}

.social.spotify::before {
	content: "\E028";
}

.social.stumbleupon::before {
	content: "\E029";
}

.social.readability::before {
	content: "\E030";
}

.social.facebook::before {
	content: "\E031";
}

.social.twitter::before {
	content: "\E032";
}

.social.instagram::before {
	content: "\E033";
}

.social.posterous_spaces::before {
	content: "\E034";
}

.social.vimeo::before {
	content: "\E035";
}

.social.flickr::before {
	content: "\E036";
}

.social.last_fm::before {
	content: "\E037";
}

.social.rss::before {
	content: "\E038";
}

.social.skype::before {
	content: "\E039";
}

.social.e-mail::before {
	content: "\E040";
}

.social.vine::before {
	content: "\E041";
}

.social.myspace::before {
	content: "\E042";
}

.social.goodreads::before {
	content: "\E043";
}

.social.apple::before {
	content: "\F8FF";
}

.social.windows::before {
	content: "\E045";
}

.social.yelp::before {
	content: "\E046";
}

.social.playstation::before {
	content: "\E047";
}

.social.xbox::before {
	content: "\E048";
}

.social.android::before {
	content: "\E049";
}

.social.ios::before {
	content: "\E050";
}

.social-icon.pinterest {
	background-position: 0 0;
}

.social-icon.dropbox {
	background-position: -48px 0;
}

.social-icon.google_plus {
	background-position: -96px 0;
}

.social-icon.jolicloud {
	background-position: -144px 0;
}

.social-icon.yahoo {
	background-position: -192px 0;
}

.social-icon.blogger {
	background-position: -240px 0;
}

.social-icon.picasa {
	background-position: -288px 0;
}

.social-icon.amazon {
	background-position: -336px 0;
}

.social-icon.tumblr {
	background-position: -384px 0;
}

.social-icon.wordpress {
	background-position: -432px 0;
}

.social-icon.instapaper {
	background-position: 0 -48px;
}

.social-icon.evernote {
	background-position: -48px -48px;
}

.social-icon.xing {
	background-position: -96px -48px;
}

.social-icon.zootool {
	background-position: -144px -48px;
}

.social-icon.dribbble {
	background-position: -192px -48px;
}

.social-icon.deviantart {
	background-position: -240px -48px;
}

.social-icon.read_it_later {
	background-position: -288px -48px;
}

.social-icon.linked_in {
	background-position: -336px -48px;
}

.social-icon.forrst {
	background-position: -384px -48px;
}

.social-icon.pinboard {
	background-position: -432px -48px;
}

.social-icon.behance {
	background-position: 0 -96px;
}

.social-icon.github {
	background-position: -48px -96px;
}

.social-icon.youtube {
	background-position: -96px -96px;
}

.social-icon.skitch {
	background-position: -144px -96px;
}

.social-icon.foursquare {
	background-position: -192px -96px;
}

.social-icon.quora {
	background-position: -240px -96px;
}

.social-icon.badoo {
	background-position: -288px -96px;
}

.social-icon.spotify {
	background-position: -336px -96px;
}

.social-icon.stumbleupon {
	background-position: -384px -96px;
}

.social-icon.readability {
	background-position: -432px -96px;
}

.social-icon.facebook {
	background-position: 0 -144px;
}

.social-icon.twitter {
	background-position: -48px -144px;
}

.social-icon.instagram {
	background-position: -96px -144px;
}

.social-icon.posterous_spaces {
	background-position: -144px -144px;
}

.social-icon.vimeo {
	background-position: -192px -144px;
}

.social-icon.flickr {
	background-position: -240px -144px;
}

.social-icon.last_fm {
	background-position: -288px -144px;
}

.social-icon.rss {
	background-position: -336px -144px;
}

.social-icon.skype {
	background-position: -384px -144px;
}

.social-icon.e-mail {
	background-position: -432px -144px;
}

.social-icon.vine {
	background-position: 0 -192px;
}

.social-icon.myspace {
	background-position: -48px -192px;
}

.social-icon.goodreads {
	background-position: -96px -192px;
}

.social-icon.apple {
	background-position: -144px -192px;
}

.social-icon.windows {
	background-position: -192px -192px;
}

.social-icon.yelp {
	background-position: -240px -192px;
}

.social-icon.playstation {
	background-position: -288px -192px;
}

.social-icon.xbox {
	background-position: -336px -192px;
}

.social-icon.android {
	background-position: -384px -192px;
}

.social-icon.ios {
	background-position: -432px -192px;
}

.component.social-button .social-button-container.disable-click {
	pointer-events: none;
}

table.contact-content td {
	max-width: 100px;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
}

.form-help {
	width: 98%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.contact-content {
	width: 100%;
	margin: 20px 0;
	text-align: left;
	border: 0;
}

.contact-content dl {
	display: table;
	width: 100%;
	font-size: 14px;
	vertical-align: middle;
	border-bottom: solid 1px #ddd;
}

.contact-content dl:last-child {
	border: 0;
}

.contact-content dd,
.contact-content dt {
	display: table-cell;
	padding: 10px;
	word-break: break-all;
	vertical-align: middle;
}

.contact-content dd {
	width: 70%;
	background: #fff;
}

.contact-content dd .hint {
	font-size: 13px;
}

.contact-content dd .error {
	display: block;
	font-size: 13px;
	color: red;
	animation: switchtext 1s infinite alternate;
}

.contact-content dd span {
	margin: 5px;
}

.contact-content dt {
	position: relative;
	padding: 10px 20px;
	font-size: 14px;
	color: #fff;
	background: #999;
}

.contact-content dt span {
	position: absolute;
	top: 50%;
	right: 20px;
	display: inline-block;
	width: 40px;
	margin-top: -12px;
	font-size: 10px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background: #00f;
	border-radius: 2px;
}

.contact-content dt abbr[title] {
	border-bottom: 0;
}

@media (width <= 769px) {
	.contact-content dl {
		display: block;
		width: 100%;
	}

	.contact-content dd,
	.contact-content dt {
		display: block;
		width: auto;
		margin: 0;
	}
}

.tag-cloud-1 {
	margin: 2px;
	font-size: 20px;
	text-decoration: underline !important;
}

.tag-cloud-2 {
	margin: 2px;
	font-size: 23px;
	text-decoration: underline !important;
}

.tag-cloud-3 {
	margin: 2px;
	font-size: 26px;
	text-decoration: underline !important;
}

.tag-cloud-4 {
	margin: 2px;
	font-size: 29px;
	text-decoration: underline !important;
}

.tag-cloud-5 {
	margin: 2px;
	font-size: 32px;
	text-decoration: underline !important;
}

.tag_cloud .tag {
	display: inline-block;
	padding: 4px 8px;
	margin: 5px;
	font-size: 13px;
	text-decoration: none !important;
	background: #fff;
	border: 1px solid #ddd;
}

.tag_cloud .tag i {
	margin-right: 5px;
}

.tag-preview {
	margin: 20px;
}

.tag-preview article {
	display: table;
	width: 100%;
	padding: 10px 0;
	margin: 10px 0;
	border-bottom: 1px solid #ccc;
}

.tag-preview article .article-thumbnail {
	display: table-cell;
	width: 35%;
}

@media (width <= 769px) {
	.tag-preview article .article-thumbnail {
		display: block;
		width: 100%;
	}
}

.tag-preview article .article-thumbnail img {
	width: 100%;
	height: auto;
}

.tag-preview article .article-cont {
	position: relative;
	display: table-cell;
	width: 65%;
	height: 170px;
	padding-left: 50px;
	vertical-align: top;
}

@media (width <= 769px) {
	.tag-preview article .article-cont {
		display: block;
		width: 100%;
		height: 100px;
		padding-left: 0;
	}
}

.tag-preview article .article-cont .article-title {
	max-height: 72px;
	overflow: hidden;
	font-size: 18px;
	line-height: 24px;
	text-align: left;
}

.tag-preview article .article-cont .article-title a {
	color: inherit;
}

.tag-preview article .article-cont .article-meta-info {
	position: absolute;
	bottom: 0;
}

.tag-preview article .article-cont .article-meta-info .tag-lists {
	max-height: 55px;
	margin-bottom: 5px;
	overflow: hidden;
}

.tag-preview article .article-cont .article-meta-info .tag-lists .article-tags {
	box-sizing: border-box;
	display: inline-block;
	float: left;
	padding: 2px 5px;
	margin: 0 5px 5px 0;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none !important;
	word-break: break-word;
	border: 1px solid #999;
	border-radius: 2px;
}

.tag-preview
	article
	.article-cont
	.article-meta-info
	.tag-lists
	.article-tags::before {
	margin-right: 2px;
	font-family: fontawesome;
	content: "\f02b";
}

@media (width <= 769px) {
	.tag-preview article .article-cont .article-meta-info .tag-lists {
		display: none;
	}
}

.tag-preview article .article-cont .article-meta-info .article-author,
.tag-preview article .article-cont .article-meta-info .post-date {
	margin-right: 10px;
	font-size: 14px;
	color: #777;
}

.tag-preview article .article-cont .article-meta-info .post-date::before {
	margin-right: 5px;
	font-family: fontAweSome;
	content: "\f073";
}

.tag-preview article .article-cont .article-meta-info .article-author::before {
	margin-right: 5px;
	font-family: fontAweSome;
	content: "\f007";
}

.component.text .font-size-8px {
	font-size: 8px;
}

.component.text .font-size-9px {
	font-size: 9px;
}

.component.text .font-size-10px {
	font-size: 10px;
}

.component.text .font-size-11px {
	font-size: 11px;
}

.component.text .font-size-12px {
	font-size: 12px;
}

.component.text .font-size-14px {
	font-size: 14px;
}

.component.text .font-size-16px {
	font-size: 16px;
}

.component.text .font-size-18px {
	font-size: 18px;
}

.component.text .font-size-20px {
	font-size: 20px;
}

.component.text .font-size-22px {
	font-size: 22px;
}

.component.text .font-size-24px {
	font-size: 24px;
}

.component.text .font-size-26px {
	font-size: 26px;
}

.component.text .font-size-28px {
	font-size: 28px;
}

.component.text .font-size-30px {
	font-size: 30px;
}

.component.text .font-size-32px {
	font-size: 32px;
}

.component.text .font-size-34px {
	font-size: 34px;
}

.component.text .font-size-36px {
	font-size: 36px;
}

.component.text .font-size-38px {
	font-size: 38px;
}

.component.text .font-size-42px {
	font-size: 42px;
}

.component.text .font-size-46px {
	font-size: 46px;
}

.component.text .font-size-50px {
	font-size: 50px;
}

.component.text .font-size-54px {
	font-size: 54px;
}

.component.text .font-size-60px {
	font-size: 60px;
}

.component.text .font-size-66px {
	font-size: 66px;
}

.component.text .font-size-72px {
	font-size: 72px;
}

.component.text .font-size-78px {
	font-size: 78px;
}

.component.text .font-size-86px {
	font-size: 86px;
}

.component.text .font-size-94px {
	font-size: 94px;
}

.component.text .font-family-timesnewroman {
	font-family: "Times New Roman", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-gothic {
	font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
		"ＭＳ Ｐゴシック", "MS P Gothic", sans-serif, websafe;
}

.component.text .font-family-arial {
	font-family: Arial, "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN",
		Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-sans-serif {
	font-family: sans-serif, "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-georgia {
	font-family: Georgia, "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-verdana {
	font-family: Verdana, "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-helvetica {
	font-family: helvetica, "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-a1mincho {
	font-family: "A1明朝", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-udshingo {
	font-family: "UD新ゴ L", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-udshingor {
	font-family: "UD新ゴ R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-udshingom {
	font-family: "UD新ゴ M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-udshingob {
	font-family: "UD新ゴ B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-udshinmarugo {
	font-family: "UD新丸ゴ L", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-udshinmarugor {
	font-family: "UD新丸ゴ R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-udshinmarugom {
	font-family: "UD新丸ゴ M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-udshinmarugob {
	font-family: "UD新丸ゴ B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-udreimin {
	font-family: "UD黎ミン L", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-udreiminr {
	font-family: "UD黎ミン R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-udreiminm {
	font-family: "UD黎ミン M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-udreiminb {
	font-family: "UD黎ミン B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-gothicmb101 {
	font-family: "ゴシックMB101 L", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-gothicmb101r {
	font-family: "ゴシックMB101 R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-gothicmb101m {
	font-family: "ゴシックMB101 M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-gothicmb101b {
	font-family: "ゴシックMB101 B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-gothicmb101db {
	font-family: "ゴシックMB101 DB", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-jun201 {
	font-family: "じゅん 201", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-suzumishi {
	font-family: "すずむし", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-haruhirakuen {
	font-family: "はるひ学園", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-fork {
	font-family: "フォーク R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-forkm {
	font-family: "フォーク M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-forkb {
	font-family: "フォーク B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-ryumin {
	font-family: "リュウミン R-KL", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-ryuminm {
	font-family: "リュウミン M-KL", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-ryuminb {
	font-family: "リュウミン B-KL", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-ryumineb {
	font-family: "リュウミン EB-KL", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-kaiminchuu {
	font-family: "解ミン 宙 R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-kaiminchuum {
	font-family: "解ミン 宙 M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-kaiminchuub {
	font-family: "解ミン 宙 B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-marufork {
	font-family: "丸フォーク R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-maruforkm {
	font-family: "丸フォーク M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-maruforkb {
	font-family: "丸フォーク B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-midashigomb31 {
	font-family: "見出ゴMB31", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-midashiminma31 {
	font-family: "見出ミンMA31", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-shingoel {
	font-family: "新ゴ EL", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-shingo {
	font-family: "新ゴ L", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-shingor {
	font-family: "新ゴ R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-shingom {
	font-family: "新ゴ M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-shingob {
	font-family: "新ゴ B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-shinmarugo {
	font-family: "新丸ゴ L", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-shinmarugor {
	font-family: "新丸ゴ R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-shinmarugom {
	font-family: "新丸ゴ M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-shinmarugob {
	font-family: "新丸ゴ B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-chuugothicbbb {
	font-family: "中ゴシックBBB", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-reimin {
	font-family: "黎ミン R", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-reiminm {
	font-family: "黎ミン M", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text .font-family-reiminb {
	font-family: "黎ミン B", "Lucida Grande", "segoe UI",
		"Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.component.text em.strong {
	font-style: unset;
	font-weight: 700;
}

.contents .component.text {
	font-size: 15.4px;
}

.contents .component.text p {
	padding: 10px;
	margin: 10px 0;
}

.side .component.text p {
	margin: 10px 0;
	font-size: 14px;
	line-height: 1.7em;
}

.foot-cont .component.text p {
	margin: 10px 0;
	font-size: 14px;
	line-height: 1.6em;
}

.text-align-left {
	text-align: left !important;
}

.text-align-left a,
.text-align-left p {
	text-align: left !important;
}

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

.text-align-center a,
.text-align-center p {
	text-align: center !important;
}

.text-align-right {
	text-align: right !important;
}

.text-align-right a,
.text-align-right p {
	text-align: right !important;
}

@media (width <= 769px) {
	.contents .component.text p {
		padding: 5px;
		margin: 10px 0;
		font-size: 14px;
	}

	.side .component.text p {
		padding: 5px;
		margin: 10px 0;
		font-size: 14px;
	}

	.foot-cont .component.text p {
		padding: 5px;
		margin: 10px 0;
		font-size: 14px;
	}
}

.component.text code,
.component.text p {
	word-break: break-all;
}

.component.text code {
	white-space: pre-wrap;
}

.component.timeline iframe {
	width: 100% !important;
}

.component.timeline .tw-timeline a {
	word-break: break-all;
}

.component.timeline .tw-timeline.disable-click {
	pointer-events: none;
}

.ui-timepicker-wrapper {
	z-index: 10001;
	width: 6.5em;
	height: 150px;
	margin: 0;
	overflow-y: auto;
	background: #fff;
	border: 1px solid #ddd;
	outline: 0;
	box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	padding: 0;
	margin: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px;
	color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	margin: 0;
	color: #000;
	white-space: nowrap;
	list-style: none;
	cursor: pointer;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	color: #000;
	background: #fff;
}

.ui-timepicker-list .ui-timepicker-selected:hover,
.ui-timepicker-list li:hover,
li.ui-timepicker-selected {
	color: #fff;
	background: #1980ec;
}

.ui-timepicker-list li:hover .ui-timepicker-duration,
li.ui-timepicker-selected .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

.component.video {
	position: relative;
	height: 0;
	padding-top: 30px;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.component.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.component.video input:focus {
	outline: 0;
}

.case-block .component.heading h2,
.case-block .component.text p {
	text-align: center;
}

@media screen and (width <= 769px) {
	.case-block .case-logos {
		display: flex;
		flex-wrap: wrap;
	}

	.case-block .case-logos .col {
		width: 45% !important;
		margin: 0 5px;
	}
}

.faq-block .inner .row-1 .component.heading h2 {
	text-align: center;
}

.faq-block .inner .faq-box {
	display: flex;
	justify-content: space-around;
	margin-bottom: 20px;
	-ms-flex-pack: distribute;
}

.faq-block .inner .faq-box .col {
	display: block;
	color: #000;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 1px 3px #ccc;
}

.faq-block .inner .faq-box .col.col-2 {
	margin-left: 20px;
}

.faq-block .inner .faq-box .question {
	position: relative;
	display: block;
	border-bottom: 1px solid #ddd;
}

.faq-block .inner .faq-box .question::before {
	display: inline-block;
	margin-right: 20px;
	font-size: 25px;
	font-weight: 700;
	color: #e8203d;
	content: "Q.";
}

.faq-block .inner .faq-box .question .text-content {
	display: inline;
}

.faq-block .inner .faq-box .answer {
	position: relative;
	display: block;
}

.faq-block .inner .faq-box .answer::before {
	display: inline-block;
	margin-right: 20px;
	font-size: 25px;
	font-weight: 700;
	color: #195b72;
	content: "A.";
}

.faq-block .inner .faq-box .answer .text-content {
	display: inline;
}

@media screen and (width <= 769px) {
	.faq-block .inner .faq-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}

	.faq-block .inner .faq-box .col {
		width: 100% !important;
		margin-bottom: 20px;
	}

	.faq-block .inner .faq-box .col.col-2 {
		margin-left: 0;
	}
}

.flow-block .component.heading h2,
.flow-block .component.heading h3 {
	text-align: center;
}

.flow-block .flow-box .col .image img {
	max-width: 160px !important;
}

.flow-block .row.flow-box .col:not(:last-of-type) {
	position: relative;
}

.flow-block .row.flow-box .col:not(:last-of-type)::after {
	position: absolute;
	top: 25%;
	right: -5%;
	display: inline-block;
	font-family: FontAwesome;
	font-size: 30px;
	font-weight: 700;
	color: #666;
	content: "\f054";
}

@media screen and (width <= 769px) {
	.flow-block .row.flow-box .col:not(:last-child) {
		position: relative;
	}

	.flow-block .row.flow-box .col:not(:last-child)::after {
		position: relative;
		right: 0;
		display: block;
		width: 40px;
		height: auto;
		margin: auto;
		content: ">";
		transform: rotate(90deg);
	}
}

.side-both .flow-block .flow-box {
	border-spacing: 20px 0;
	border-collapse: separate;
}

.side-both .flow-block .flow-box .col:not(:last-child)::after {
	left: 100%;
}

.side-both .flow-block .flow-box .col .image img {
	max-width: 100% !important;
}

.side-left .flow-block .flow-box,
.side-right .flow-block .flow-box {
	border-spacing: 20px 0;
	border-collapse: separate;
}

.side-left .flow-block .flow-box .col:not(:last-child)::after,
.side-right .flow-block .flow-box .col:not(:last-child)::after {
	left: 100%;
}

.side-left .flow-block .flow-box .col .image img,
.side-right .flow-block .flow-box .col .image img {
	max-width: 100% !important;
}

.news-block .component.heading h2 {
	text-align: center;
}

.numbering-block .row {
	margin-bottom: 20px;
	background: #fff;
	border-top: 4px solid #034084;
	border-radius: 5px;
	box-shadow: 0 1px 3px #ccc;
}

.numbering-block .row.row-1 .heading.title h1,
.numbering-block .row.row-1 .heading.title h2,
.numbering-block .row.row-1 .heading.title h3,
.numbering-block .row.row-1 .heading.title h4 {
	position: relative;
	padding-bottom: 0;
	margin: 0;
	border-bottom: 0;
}

.numbering-block .row.row-1 .heading.title h3::before {
	left: 0;
	margin-right: 20px;
	font-size: 40px;
	font-style: italic;
	content: "1";
}

.numbering-block .row.row-2 .heading.title h1,
.numbering-block .row.row-2 .heading.title h2,
.numbering-block .row.row-2 .heading.title h3,
.numbering-block .row.row-2 .heading.title h4 {
	position: relative;
	padding-bottom: 0;
	margin: 0;
	border-bottom: 0;
}

.numbering-block .row.row-2 .heading.title h3::before {
	left: 0;
	margin-right: 20px;
	font-size: 40px;
	font-style: italic;
	content: "2";
}

.numbering-block .row.row-3 .heading.title h1,
.numbering-block .row.row-3 .heading.title h2,
.numbering-block .row.row-3 .heading.title h3,
.numbering-block .row.row-3 .heading.title h4 {
	position: relative;
	padding-bottom: 0;
	margin: 0;
	border-bottom: 0;
}

.numbering-block .row.row-3 .heading.title h3::before {
	left: 0;
	margin-right: 20px;
	font-size: 40px;
	font-style: italic;
	content: "3";
}

.numbering-block .row.row-4 .heading.title h1,
.numbering-block .row.row-4 .heading.title h2,
.numbering-block .row.row-4 .heading.title h3,
.numbering-block .row.row-4 .heading.title h4 {
	position: relative;
	padding-bottom: 0;
	margin: 0;
	border-bottom: 0;
}

.numbering-block .row.row-4 .heading.title h3::before {
	left: 0;
	margin-right: 20px;
	font-size: 40px;
	font-style: italic;
	content: "4";
}

.numbering-block .row.row-5 .heading.title h1,
.numbering-block .row.row-5 .heading.title h2,
.numbering-block .row.row-5 .heading.title h3,
.numbering-block .row.row-5 .heading.title h4 {
	position: relative;
	padding-bottom: 0;
	margin: 0;
	border-bottom: 0;
}

.numbering-block .row.row-5 .heading.title h3::before {
	left: 0;
	margin-right: 20px;
	font-size: 40px;
	font-style: italic;
	content: "5";
}

.numbering-block .row.row-6 .heading.title h1,
.numbering-block .row.row-6 .heading.title h2,
.numbering-block .row.row-6 .heading.title h3,
.numbering-block .row.row-6 .heading.title h4 {
	position: relative;
	padding-bottom: 0;
	margin: 0;
	border-bottom: 0;
}

.numbering-block .row.row-6 .heading.title h3::before {
	left: 0;
	margin-right: 20px;
	font-size: 40px;
	font-style: italic;
	content: "6";
}

.numbering-block .row.row-7 .heading.title h1,
.numbering-block .row.row-7 .heading.title h2,
.numbering-block .row.row-7 .heading.title h3,
.numbering-block .row.row-7 .heading.title h4 {
	position: relative;
	padding-bottom: 0;
	margin: 0;
	border-bottom: 0;
}

.numbering-block .row.row-7 .heading.title h3::before {
	left: 0;
	margin-right: 20px;
	font-size: 40px;
	font-style: italic;
	content: "7";
}

.numbering-block .row.row-8 .heading.title h1,
.numbering-block .row.row-8 .heading.title h2,
.numbering-block .row.row-8 .heading.title h3,
.numbering-block .row.row-8 .heading.title h4 {
	position: relative;
	padding-bottom: 0;
	margin: 0;
	border-bottom: 0;
}

.numbering-block .row.row-8 .heading.title h3::before {
	left: 0;
	margin-right: 20px;
	font-size: 40px;
	font-style: italic;
	content: "8";
}

.numbering-block .row.row-9 .heading.title h1,
.numbering-block .row.row-9 .heading.title h2,
.numbering-block .row.row-9 .heading.title h3,
.numbering-block .row.row-9 .heading.title h4 {
	position: relative;
	padding-bottom: 0;
	margin: 0;
	border-bottom: 0;
}

.numbering-block .row.row-9 .heading.title h3::before {
	left: 0;
	margin-right: 20px;
	font-size: 40px;
	font-style: italic;
	content: "9";
}

.numbering-block .row.row-10 .heading.title h1,
.numbering-block .row.row-10 .heading.title h2,
.numbering-block .row.row-10 .heading.title h3,
.numbering-block .row.row-10 .heading.title h4 {
	position: relative;
	padding-bottom: 0;
	margin: 0;
	border-bottom: 0;
}

.numbering-block .row.row-10 .heading.title h3::before {
	left: 0;
	margin-right: 20px;
	font-size: 40px;
	font-style: italic;
	content: "10";
}

.numbering-block .row hr {
	padding: 0 14px;
}

@media screen and (width <= 769px) {
	.numbering-block img {
		display: block;
		max-width: 70% !important;
		margin: 20px auto 0;
	}

	.numbering-block .heading.title h1,
	.numbering-block .heading.title h2,
	.numbering-block .heading.title h3,
	.numbering-block .heading.title h4 {
		position: relative;
		padding-left: 50px !important;
	}

	.numbering-block .heading.title h1::before,
	.numbering-block .heading.title h2::before,
	.numbering-block .heading.title h3::before,
	.numbering-block .heading.title h4::before {
		position: absolute;
		top: 0;
		left: 4px;
		display: inline-block;
		width: 50px;
		font-size: 40px;
		font-style: italic;
	}
}

.price-block .row:not(.price-lists) .component.heading h2,
.price-block .row:not(.price-lists) .component.text p {
	text-align: center;
}

.price-block .price-lists {
	box-sizing: border-box;
	padding: 20px 0 20px 20px;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 1px 3px #ccc;
}

.price-block .price-lists .col {
	padding: 0;
	border-left: 4px solid #00cec7;
}

.price-block .price-lists .col .price-name .before {
	margin-right: 20px;
	font-size: 1.5rem;
	color: #00cec7;
}

.price-block .price-lists .col .price-name h1,
.price-block .price-lists .col .price-name h2,
.price-block .price-lists .col .price-name h3,
.price-block .price-lists .col .price-name h4,
.price-block .price-lists .col .price-name h5 {
	position: relative;
	display: inline;
	width: 100%;
	padding: 10px;
	margin-bottom: 0;
	word-break: break-all;
	border-bottom: 0;
}

.price-block .price-lists .col .price-name h1 .before,
.price-block .price-lists .col .price-name h2 .before,
.price-block .price-lists .col .price-name h3 .before,
.price-block .price-lists .col .price-name h4 .before,
.price-block .price-lists .col .price-name h5 .before {
	display: inline-block;
	margin-right: 20px;
	color: #00cec7;
}

.price-block .price-lists .col .text p {
	margin: 0;
}

@media screen and (width <= 769px) {
	.price-block .price-lists .heading {
		margin-bottom: -5px;
	}
}

.review-block .row {
	border-spacing: 20px 10px;
}

.review-block .row .fukidashi {
	position: relative;
	padding: 14px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 3px #ccc;
}

.review-block .row .fukidashi h3 {
	border-bottom: 0;
}

.review-block .row .fukidashi hr {
	width: 97%;
	margin: 0 auto;
}

.review-block .row .fukidashi::before {
	position: absolute;
	top: 30px;
	left: -27px;
	z-index: 1;
	content: "";
	border: 14px solid transparent;
	border-right-color: #fff;
}

.review-block .row .fukidashi::after {
	position: absolute;
	top: 29px;
	left: -30px;
	z-index: 0;
	display: inline-block;
	content: "";
	border: 15px solid transparent;
	border-right-color: #f1f1f1;
}

@media screen and (width <= 769px) {
	.review-block .row img {
		display: block;
		max-width: 60% !important;
		margin: 40px auto 20px;
	}

	.review-block .row .fukidashi::before {
		position: absolute;
		top: -26px;
		right: 0;
		left: 0;
		z-index: 1;
		width: 0;
		margin: auto;
		content: "";
		border: 14px solid transparent;
		border-bottom-color: #fff;
	}

	.review-block .row .fukidashi::after {
		position: absolute;
		top: -27px;
		right: 0;
		left: 0;
		z-index: 0;
		width: 0;
		margin: auto;
		content: "";
		border: 14px solid transparent;
		border-bottom-color: #f1f1f1;
	}
}

.service-block .component.heading h2,
.service-block .component.heading h3,
.service-block .component.text p {
	text-align: center;
}

.theme-fo-base {
	overflow: hidden;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, "メイリオ", sans-serif;
	font-size: 100%;
	line-height: 1.8;
	color: #333;
}

.theme-fo-base * {
	box-sizing: border-box;
}

.theme-fo-base a {
	color: #919191;
	text-decoration: none;
	transition:
		background-color 0.2s linear,
		color 0.2s linear;
}

.theme-fo-base .main-visual.top-page {
	background-image: url(../img/image_307.png) rgb(0 0 0 / 30%);
	background-size: cover;
}

.theme-fo-base .main-visual .component a img:hover {
	opacity: 0.8;
}

.theme-fo-base .wrapper {
	position: relative;
	display: table;
	width: 100%;
	margin: 0 auto;
	table-layout: fixed;
}

.theme-fo-base .wrapper .contents {
	display: table-cell;
}

.theme-fo-base .wrapper .contents p b {
	font-weight: 700;
}

.theme-fo-base .wrapper .contents .col {
	vertical-align: top;
}

.theme-fo-base .wrapper .contents .col .component {
	margin: 10px 0;
}

.theme-fo-base .wrapper .contents section a img:hover {
	opacity: 0.8;
}

.theme-fo-base .wrapper .contents .content-1 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-2 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-3 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-4 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-5 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-6 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-7 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-8 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-9 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-10 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-11 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-12 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-13 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-14 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-15 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-16 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-17 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-18 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-19 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-20 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-21 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-22 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-23 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-24 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-25 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-26 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-27 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-28 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-29 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-30 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-31 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-32 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-33 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-34 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-35 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-36 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-37 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-38 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-39 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-40 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-41 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-42 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-43 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-44 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-45 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-46 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-47 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-48 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-49 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-50 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-51 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-52 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-53 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-54 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-55 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-56 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-57 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-58 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-59 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-60 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-61 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-62 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-63 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-64 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-65 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-66 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-67 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-68 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-69 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-70 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-71 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-72 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-73 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-74 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-75 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-76 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-77 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-78 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-79 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-80 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-81 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-82 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-83 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-84 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-85 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-86 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-87 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-88 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-89 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-90 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-91 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-92 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-93 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-94 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-95 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-96 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-97 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-98 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-99 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-100 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .side {
	display: table-cell;
	vertical-align: top;
}

.theme-fo-base .wrapper .side .inner {
	background: 0 0;
}

.theme-fo-base .wrapper .side .inner .component {
	margin-bottom: 10px;
}

.theme-fo-base .wrapper .side .inner .component a img:hover {
	opacity: 0.8;
}

.theme-fo-base .wrapper .side p {
	margin: 0;
}

.theme-fo-base .wrapper .side p a {
	display: block;
	padding: 10px;
}

.theme-fo-base .wrapper .side p a:hover {
	background: #eee;
}

.theme-fo-base .wrapper .side .entry-list .entry-list-unit {
	margin: 0;
}

.theme-fo-base .wrapper .side .entry-list .entry-list-unit .cont {
	width: auto;
	padding: 0 10px;
	border-left: none !important;
}

.theme-fo-base .foot {
	padding: 30px 0 0;
	color: #e6e6e6;
	background: #333;
}

.theme-fo-base .foot .foot-cont {
	max-width: 1100px;
	margin: 0 auto;
}

.theme-fo-base .foot .foot-cont .component.list ul li {
	font-size: 0.8rem;
}

.theme-fo-base .foot .foot-cont .component a img:hover {
	opacity: 0.8;
}

.theme-fo-base .foot .foot-copyright p {
	font-size: 0.6rem;
}

.theme-fo-base .wrapper.none .contents {
	width: 100%;
}

.theme-fo-base .wrapper.none .contents .inner {
	box-sizing: border-box;
	width: 100%;
	max-width: 1100px;
	padding: 20px;
	margin: 0 auto;
}

.theme-fo-base .wrapper.side-left,
.theme-fo-base .wrapper.side-right {
	max-width: 1100px;
	margin: 0 auto;
}

.theme-fo-base .wrapper.side-left .contents,
.theme-fo-base .wrapper.side-right .contents {
	width: 100%;
	max-width: 780px;
	padding: 10px;
	background: #f6f6f6;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.theme-fo-base .wrapper.side-left .side.left,
.theme-fo-base .wrapper.side-left .side.right,
.theme-fo-base .wrapper.side-right .side.left,
.theme-fo-base .wrapper.side-right .side.right {
	width: 320px;
	padding: 20px;
}

.theme-fo-base .wrapper.side-both {
	max-width: 1100px;
	margin: 0 auto;
}

.theme-fo-base .wrapper.side-both .contents {
	width: 560px;
	padding: 10px;
}

.theme-fo-base .wrapper.side-both .side.left,
.theme-fo-base .wrapper.side-both .side.right {
	width: 250px;
	padding: 10px;
}

.theme-fo-base .wrapper.side-fixed-right {
	margin: initial;
}

.theme-fo-base .wrapper.side-fixed-right .contents {
	width: 100%;
}

.theme-fo-base .wrapper.side-fixed-right .contents .inner {
	box-sizing: border-box;
	width: 100%;
	max-width: 1240px;
	padding: 20px;
	margin: 0 auto;
}

@media (width <= 769px) {
	.theme-fo-base {
		font-size: 90%;
	}

	.theme-fo-base * {
		box-sizing: border-box;
	}

	.theme-fo-base .wrapper {
		width: 100%;
	}

	.theme-fo-base .wrapper .contents {
		display: block;
		width: 100% !important;
	}

	.theme-fo-base .wrapper .contents .inner {
		padding: 10px;
	}

	.theme-fo-base .wrapper .contents .inner .row .col {
		width: 100% !important;
	}

	.theme-fo-base .wrapper.side-both .side,
	.theme-fo-base .wrapper.side-left .side,
	.theme-fo-base .wrapper.side-right .side {
		display: block;
		margin: 10px 0;
	}

	.theme-fo-base .wrapper.side-both .side.left,
	.theme-fo-base .wrapper.side-both .side.right,
	.theme-fo-base .wrapper.side-left .side.left,
	.theme-fo-base .wrapper.side-left .side.right,
	.theme-fo-base .wrapper.side-right .side.left,
	.theme-fo-base .wrapper.side-right .side.right {
		width: 100%;
	}

	.theme-fo-base .wrapper.side-both .side.left .inner,
	.theme-fo-base .wrapper.side-both .side.right .inner,
	.theme-fo-base .wrapper.side-left .side.left .inner,
	.theme-fo-base .wrapper.side-left .side.right .inner,
	.theme-fo-base .wrapper.side-right .side.left .inner,
	.theme-fo-base .wrapper.side-right .side.right .inner {
		padding: 10px;
	}

	.theme-fo-base .foot {
		padding: 10px 0 0;
	}

	.theme-fo-base .foot .foot-cont .col {
		width: 100%;
		padding: 10px;
		margin: 10px 0;
	}
}

.theme-fo-base .wrapper .contents.lp-contents {
	display: block;
	max-width: 1140px;
	margin: 0 auto;
}

.theme-fo-base.lp-theme .wrapper .contents.lp-contents {
	max-width: initial;
}

.theme-fo-base .wrapper .contents.campaign-form {
	display: block;
	max-width: 1140px;
	margin: 50px auto;
	border: 1px solid #d9d9d9;
	box-shadow: 0 0 20px #ddd;
}

.theme-fo-base .wrapper .contents.campaign-form section {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, "ヒラギノ角ゴ ProN W3",
		"メイリオ", sans-serif;
}

@media (width <= 769px) {
	.theme-fo-base .wrapper .contents.campaign-form {
		margin: 0;
	}
}

.theme-fo-base .wrapper .contents.campaign-form section.content-1 .inner {
	padding: 50px 30px 0;
}

@media (width <= 769px) {
	.theme-fo-base .wrapper .contents.campaign-form section.content-1 .inner {
		padding: 20px 30px 0;
	}
}

.theme-fo-base
	.wrapper
	.contents.campaign-form
	section.content-1
	.inner
	.row.row-1 {
	border-bottom: 1px dotted #d9d9d9;
}

.theme-fo-base
	.wrapper
	.contents.campaign-form
	section.content-1
	.inner
	.row.row-1
	.col.col-1 {
	padding: 0 0 10px;
}

.theme-fo-base
	.wrapper
	.contents.campaign-form
	section.content-1
	.inner
	.row.row-1
	.component.heading
	h2 {
	font-size: 20px;
	line-height: 30px;
}

@media (width <= 769px) {
	.theme-fo-base
		.wrapper
		.contents.campaign-form
		section.content-1
		.inner
		.row.row-1
		.component.text {
		padding: 0;
	}
}

.theme-fo-base
	.wrapper
	.contents.campaign-form
	section.content-1
	.inner
	.row.row-1
	.component.text
	p {
	padding: 10px 0;
	font-size: 14px;
	line-height: 22px;
	color: #333;
}

.theme-fo-base .wrapper .contents.campaign-form section.content-2 .inner {
	padding: 0 30px 20px;
}

.theme-fo-base
	.wrapper
	.contents.campaign-form
	section.content-2
	.inner
	.row.row-1
	.col.col-1 {
	padding: 10px 0;
}

.theme-fo-base
	.wrapper
	.contents.campaign-form
	section.content-2
	.inner
	.row.row-1
	.component.form
	.show-notice
	.alert.alert-danger {
	color: #d0021b;
	background: #ffefef;
}

.theme-fo-base
	.wrapper
	.contents.campaign-form
	section.content-2
	.inner
	.row.row-1
	.component.form
	.show-notice
	.alert
	p {
	font-size: 12px;
}

.theme-fo-base
	.wrapper
	.contents.campaign-form
	section.content-2
	.inner
	.row.row-1
	.component.form
	.show-notice
	.alert
	p::before {
	font-family: fontAweSome;
	content: "\f06a";
}

.theme-fo-base
	.wrapper
	.contents.campaign-form
	section.content-2
	.inner
	.row.row-1
	.component.form.horizontal
	.group {
	padding-bottom: 15px;
	margin: 15px 0;
}

.theme-fo-base
	.wrapper
	.contents.campaign-form
	section.content-2
	.inner
	.row.row-1
	.component.form.horizontal
	.group:not(:last-of-type) {
	border-bottom: 1px dotted #d9d9d9 !important;
}

.theme-fo-base
	.wrapper
	.contents.campaign-form
	section.content-2
	.inner
	.row.row-1
	.component.form.horizontal
	.group
	.form-label {
	font-size: 14px;
	font-weight: 400;
}

.theme-fo-base
	.wrapper
	.contents.campaign-form
	section.content-2
	.inner
	.row.row-1
	.component.form.horizontal
	.group
	.form-label.require {
	padding-right: 70px;
}

.theme-fo-base
	.wrapper
	.contents.campaign-form
	section.content-2
	.inner
	.row.row-1
	.component.form.horizontal
	.group
	.form-label.require::after {
	position: absolute;
	top: 10px;
	right: 30px;
	background: #d0021b;
}

@media (width <= 769px) {
	.theme-fo-base
		.wrapper
		.contents.campaign-form
		section.content-2
		.inner
		.row.row-1
		.component.form.horizontal
		.group
		.form-label.require::after {
		top: 5px;
		right: initial;
		margin-left: 10px;
	}
}

.theme-fo-base
	.wrapper
	.contents.campaign-form
	section.content-2
	.inner
	.row.row-1
	.component.form.horizontal
	.group
	.form-submit {
	margin-top: 20px;
	margin-left: 30%;
	text-align: initial;
}

@media (width <= 769px) {
	.theme-fo-base
		.wrapper
		.contents.campaign-form
		section.content-2
		.inner
		.row.row-1
		.component.form.horizontal
		.group
		.form-submit {
		margin: 0;
		text-align: center;
	}
}

.theme-fo-base
	.wrapper
	.contents.campaign-form
	section.content-2
	.inner
	.row.row-1
	.component.form.horizontal
	.group
	.form-submit
	.popup-link {
	width: 300px;
	height: 54px;
	padding: 10px 30px;
	overflow: hidden;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #4a90e2;
}

@media (width <= 769px) {
	.theme-fo-base
		.wrapper
		.contents.campaign-form
		section.content-2
		.inner
		.row.row-1
		.component.form.horizontal
		.group
		.form-submit
		.popup-link {
		max-width: 100%;
	}
}

.theme-fo-base .wrapper .contents.campaign-thanks-page {
	display: block;
	max-width: 1140px;
	margin: 50px auto;
	border: 1px solid #d9d9d9;
	box-shadow: 0 0 20px #ddd;
}

@media (width <= 769px) {
	.theme-fo-base .wrapper .contents.campaign-thanks-page {
		margin: 0;
	}
}

.theme-fo-base
	.wrapper
	.contents.campaign-thanks-page
	section.content-1
	.inner {
	padding: 50px 30px 0;
}

@media (width <= 769px) {
	.theme-fo-base
		.wrapper
		.contents.campaign-thanks-page
		section.content-1
		.inner {
		padding: 20px 30px 0;
	}
}

.theme-fo-base
	.wrapper
	.contents.campaign-thanks-page
	section.content-1
	.inner
	.row.row-1
	.col.col-1 {
	padding: 0 0 10px;
}

.theme-fo-base
	.wrapper
	.contents.campaign-thanks-page
	section.content-1
	.inner
	.row.row-1
	.col.col-1
	.component.component-3.button {
	margin-bottom: 30px;
}

.theme-fo-base
	.wrapper
	.contents.campaign-thanks-page
	section.content-1
	.inner
	.row.row-1
	.col.col-1
	.component.component-3.button
	.button-cont
	a.size-s {
	min-width: 200px;
	padding: 10px 50px;
	font-size: 14px;
	background-color: #458ee5;
	border-radius: 4px;
}

.theme-fo-base
	.wrapper
	.contents.campaign-thanks-page
	section.content-1
	.inner
	.row.row-1
	.component.heading
	h2 {
	position: relative;
	margin-bottom: 0;
	font-size: 20px;
	line-height: 30px;
}

.theme-fo-base
	.wrapper
	.contents.campaign-thanks-page
	section.content-1
	.inner
	.row.row-1
	.component.heading
	h2::before {
	display: block;
	width: 55px;
	height: 55px;
	margin: 50px auto 20px;
	font-family: fontAweSome;
	font-size: 40px;
	line-height: 55px;
	color: #fff;
	text-align: center;
	content: "\f00c";
	background: #458ee5;
	border-radius: 50%;
}

@media (width <= 769px) {
	.theme-fo-base
		.wrapper
		.contents.campaign-thanks-page
		section.content-1
		.inner
		.row.row-1
		.component.heading
		h2::before {
		margin: 20px auto;
	}
}

@media (width <= 769px) {
	.theme-fo-base
		.wrapper
		.contents.campaign-thanks-page
		section.content-1
		.inner
		.row.row-1
		.component.text {
		padding: 0;
	}
}

.theme-fo-base
	.wrapper
	.contents.campaign-thanks-page
	section.content-1
	.inner
	.row.row-1
	.component.text
	p {
	padding: 10px 0;
	font-size: 14px;
	line-height: 22px;
	color: #333;
}

.theme-fo-base
	.wrapper
	.contents.campaign-thanks-page
	section.content-1
	.inner
	.row.row-2
	.col.col-1 {
	padding: 0 0 50px;
}

.theme-fo-base
	.wrapper
	.contents.campaign-thanks-page
	section.content-1
	.inner
	.row.row-2
	.col.col-1
	.component.button
	.button-cont
	a.size-s {
	min-width: 200px;
	padding: 10px 50px;
	font-size: 14px;
	background-color: #bbb;
	border-radius: 4px;
}

.theme-fo-base
	.wrapper
	.contents.campaign-thanks-page
	section.content-1
	.inner
	.row.row-2
	.col.col-2 {
	display: none;
}

.theme-fo-base .main-visual .component.heading {
	margin: 10px 0;
	text-align: center;
}

.theme-fo-base .main-visual .component.heading h1,
.theme-fo-base .main-visual .component.heading h2,
.theme-fo-base .main-visual .component.heading h3,
.theme-fo-base .main-visual .component.heading h4,
.theme-fo-base .main-visual .component.heading h5 {
	font-weight: 700;
}

.theme-fo-base .main-visual .component.heading h1 {
	margin-bottom: 1.15rem;
	font-size: 1.5rem;
}

.theme-fo-base .main-visual .component.heading h2 {
	margin-bottom: 1.15rem;
	font-size: 1.35rem;
}

.theme-fo-base .main-visual .component.heading h3 {
	margin-bottom: 1.1rem;
	font-size: 1.2rem;
}

.theme-fo-base .main-visual .component.heading h4 {
	margin-bottom: 1.1rem;
	font-size: 1.1rem;
}

.theme-fo-base .main-visual .component.heading h5 {
	margin-bottom: 1rem;
	font-size: 1rem;
}

.theme-fo-base .contents .component.heading {
	margin: 10px 0;
}

.theme-fo-base .contents .component.heading.center {
	text-align: center;
}

.theme-fo-base .contents .component.heading h1,
.theme-fo-base .contents .component.heading h2,
.theme-fo-base .contents .component.heading h3,
.theme-fo-base .contents .component.heading h4,
.theme-fo-base .contents .component.heading h5 {
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 1px;
}

.theme-fo-base .contents .component.heading h1 {
	margin-bottom: 2.25rem;
	font-size: 2.25rem;
}

.theme-fo-base .contents .component.heading h2 {
	margin-bottom: 1.75rem;
	font-size: 1.75rem;
}

.theme-fo-base .contents .component.heading h3 {
	margin-bottom: 1.5rem;
	font-size: 1.5rem;
}

.theme-fo-base .contents .component.heading h4 {
	margin-bottom: 1.25rem;
	font-size: 1.25rem;
}

.theme-fo-base .contents .component.heading h5 {
	margin-bottom: 1.125rem;
	font-size: 1.125rem;
}

.theme-fo-base .side .component.heading {
	margin: 10px 0;
}

.theme-fo-base .side .component.heading h1,
.theme-fo-base .side .component.heading h2,
.theme-fo-base .side .component.heading h3,
.theme-fo-base .side .component.heading h4,
.theme-fo-base .side .component.heading h5 {
	font-weight: 700;
}

.theme-fo-base .side .component.heading h1 {
	margin-bottom: 1.75rem;
	font-size: 1.75rem;
}

.theme-fo-base .side .component.heading h2 {
	margin-bottom: 1.5rem;
	font-size: 1.5rem;
}

.theme-fo-base .side .component.heading h3 {
	margin-bottom: 1.25rem;
	font-size: 1.25rem;
}

.theme-fo-base .side .component.heading h4 {
	margin-bottom: 1.125rem;
	font-size: 1.125rem;
}

.theme-fo-base .side .component.heading h5 {
	margin-bottom: 1rem;
	font-size: 1rem;
}

.theme-fo-base .foot-cont .component.heading {
	margin: 10px 0;
}

.theme-fo-base .foot-cont .component.heading h1,
.theme-fo-base .foot-cont .component.heading h2,
.theme-fo-base .foot-cont .component.heading h3,
.theme-fo-base .foot-cont .component.heading h4,
.theme-fo-base .foot-cont .component.heading h5 {
	font-weight: 700;
}

.theme-fo-base .foot-cont .component.heading h1 {
	margin-bottom: 1.75rem;
	font-size: 1.75rem;
}

.theme-fo-base .foot-cont .component.heading h2 {
	margin-bottom: 1.5rem;
	font-size: 1.5rem;
}

.theme-fo-base .foot-cont .component.heading h3 {
	margin-bottom: 1.25rem;
	font-size: 1.25rem;
}

.theme-fo-base .foot-cont .component.heading h4 {
	margin-bottom: 1.125rem;
	font-size: 1.125rem;
}

.theme-fo-base .foot-cont .component.heading h5 {
	margin-bottom: 1rem;
	font-size: 1rem;
}

@media (width <= 769px) {
	.theme-fo-base .contents .component.heading h1,
	.theme-fo-base .contents .component.heading h2,
	.theme-fo-base .contents .component.heading h3,
	.theme-fo-base .contents .component.heading h4,
	.theme-fo-base .contents .component.heading h5 {
		font-weight: 700;
	}

	.theme-fo-base .contents .component.heading h1 {
		margin-bottom: 1.15rem;
		font-size: 1.5rem;
	}

	.theme-fo-base .contents .component.heading h2 {
		margin-bottom: 1.15rem;
		font-size: 1.15rem;
	}

	.theme-fo-base .contents .component.heading h3 {
		margin-bottom: 1.1rem;
		font-size: 1.05rem;
	}

	.theme-fo-base .contents .component.heading h4 {
		margin-bottom: 1.1rem;
		font-size: 1.025rem;
	}

	.theme-fo-base .contents .component.heading h5 {
		margin-bottom: 1rem;
		font-size: 1rem;
	}
}

.theme-fo-base .breadcrumbs {
	padding: 0;
	overflow: hidden;
	color: #fff;
	background: #999;
}

.theme-fo-base .breadcrumbs ul {
	width: 1100px;
	margin: 0 auto;
	list-style: none;
}

.theme-fo-base .breadcrumbs ul li {
	float: left;
}

.theme-fo-base .breadcrumbs ul li a,
.theme-fo-base .breadcrumbs ul li span {
	position: relative;
	display: block;
	float: left;
	padding: 15px 20px;
	margin: 0;
	font-size: 90%;
	color: #fff;
	text-decoration: none;
}

.theme-fo-base .breadcrumbs ul li a:hover {
	color: #e6e6e6;
	text-decoration: underline;
}

.theme-fo-base .breadcrumbs a::after {
	position: absolute;
	top: 50%;
	right: -1px;
	margin-top: -0.5em;
	color: #fff;
	content: "";
	border-top: 0.5em solid transparent;
	border-bottom: 0.5em solid transparent;
	border-left: 0.4em solid;
}

@media (width <= 769px) {
	.theme-fo-base .breadcrumbs {
		display: none;
	}
}

:lang(ar) .theme-fo-base .component.form .form-label.require::after {
	content: "مطلوب";
}

:lang(eu) .theme-fo-base .component.form .form-label.require::after {
	content: "Beharrezko";
}

:lang(bn) .theme-fo-base .component.form .form-label.require::after {
	content: "প্রয়োজনীয়";
}

:lang(bg) .theme-fo-base .component.form .form-label.require::after {
	content: "длъжен";
}

:lang(ca) .theme-fo-base .component.form .form-label.require::after {
	content: "Obligatori";
}

:lang(zh-CHS) .theme-fo-base .component.form .form-label.require::after {
	content: "需要";
}

:lang(zh-CHT) .theme-fo-base .component.form .form-label.require::after {
	content: "需要";
}

:lang(ar) .theme-fo-base .component.form .form-label.require::after {
	content: "مطلوب";
}

:lang(da) .theme-fo-base .component.form .form-label.require::after {
	content: "Nødvendig";
}

:lang(nl) .theme-fo-base .component.form .form-label.require::after {
	content: "nodig";
}

:lang(en) .theme-fo-base .component.form .form-label.require::after {
	content: "required";
}

:lang(fi) .theme-fo-base .component.form .form-label.require::after {
	content: "tarvitaan";
}

:lang(fr) .theme-fo-base .component.form .form-label.require::after {
	content: "Obligatoire";
}

:lang(gl) .theme-fo-base .component.form .form-label.require::after {
	content: "Requerido";
}

:lang(de) .theme-fo-base .component.form .form-label.require::after {
	content: "Erforderlich";
}

:lang(el) .theme-fo-base .component.form .form-label.require::after {
	content: "Απαιτείται";
}

:lang(he) .theme-fo-base .component.form .form-label.require::after {
	content: "חובה";
}

:lang(hu) .theme-fo-base .component.form .form-label.require::after {
	content: "kötelező";
}

:lang(id) .theme-fo-base .component.form .form-label.require::after {
	content: "Dibutuhkan";
}

:lang(it) .theme-fo-base .component.form .form-label.require::after {
	content: "richiesto";
}

:lang(ja) .theme-fo-base .component.form .form-label.require::after {
	content: "必須";
}

:lang(ko) .theme-fo-base .component.form .form-label.require::after {
	content: "필수";
}

:lang(lv) .theme-fo-base .component.form .form-label.require::after {
	content: "Obligāts";
}

:lang(ms) .theme-fo-base .component.form .form-label.require::after {
	content: "Diperlukan";
}

:lang(my) .theme-fo-base .component.form .form-label.require::after {
	content: "တောင်းဆိုနေတဲ့";
}

:lang(ne) .theme-fo-base .component.form .form-label.require::after {
	content: "आवश्यक छ";
}

:lang(fa) .theme-fo-base .component.form .form-label.require::after {
	content: "مورد نیاز است";
}

:lang(no) .theme-fo-base .component.form .form-label.require::after {
	content: "Må";
}

:lang(pl) .theme-fo-base .component.form .form-label.require::after {
	content: "Wymagany";
}

:lang(pt) .theme-fo-base .component.form .form-label.require::after {
	content: "Obrigatório";
}

:lang(ru) .theme-fo-base .component.form .form-label.require::after {
	content: "требуется";
}

:lang(es) .theme-fo-base .component.form .form-label.require::after {
	content: "Requerido";
}

:lang(sw) .theme-fo-base .component.form .form-label.require::after {
	content: "Inahitajika";
}

:lang(sv) .theme-fo-base .component.form .form-label.require::after {
	content: "krävs";
}

:lang(th) .theme-fo-base .component.form .form-label.require::after {
	content: "จำเป็นต้องใช้";
}

:lang(hi) .theme-fo-base .component.form .form-label.require::after {
	content: "अपेक्षित";
}

:lang(tr) .theme-fo-base .component.form .form-label.require::after {
	content: "gereken";
}

:lang(uk) .theme-fo-base .component.form .form-label.require::after {
	content: "Обов'язково";
}

:lang(ur) .theme-fo-base .component.form .form-label.require::after {
	content: "ضرورت ہے";
}

:lang(vi) .theme-fo-base .component.form .form-label.require::after {
	content: "Bắt buộc";
}

:lang(ar) .component.form .form-label.require::after {
	content: "مطلوب";
}

:lang(eu) .component.form .form-label.require::after {
	content: "Beharrezko";
}

:lang(bn) .component.form .form-label.require::after {
	content: "প্রয়োজনীয়";
}

:lang(bg) .component.form .form-label.require::after {
	content: "длъжен";
}

:lang(ca) .component.form .form-label.require::after {
	content: "Obligatori";
}

:lang(zh-CHS) .component.form .form-label.require::after {
	content: "需要";
}

:lang(zh-CHT) .component.form .form-label.require::after {
	content: "需要";
}

:lang(ar) .component.form .form-label.require::after {
	content: "مطلوب";
}

:lang(da) .component.form .form-label.require::after {
	content: "Nødvendig";
}

:lang(nl) .component.form .form-label.require::after {
	content: "nodig";
}

:lang(en) .component.form .form-label.require::after {
	content: "required";
}

:lang(fi) .component.form .form-label.require::after {
	content: "tarvitaan";
}

:lang(fr) .component.form .form-label.require::after {
	content: "Obligatoire";
}

:lang(gl) .component.form .form-label.require::after {
	content: "Requerido";
}

:lang(de) .component.form .form-label.require::after {
	content: "Erforderlich";
}

:lang(el) .component.form .form-label.require::after {
	content: "Απαιτείται";
}

:lang(he) .component.form .form-label.require::after {
	content: "חובה";
}

:lang(hu) .component.form .form-label.require::after {
	content: "kötelező";
}

:lang(id) .component.form .form-label.require::after {
	content: "Dibutuhkan";
}

:lang(it) .component.form .form-label.require::after {
	content: "richiesto";
}

:lang(ja) .component.form .form-label.require::after {
	content: "必須";
}

:lang(ko) .component.form .form-label.require::after {
	content: "필수";
}

:lang(lv) .component.form .form-label.require::after {
	content: "Obligāts";
}

:lang(ms) .component.form .form-label.require::after {
	content: "Diperlukan";
}

:lang(my) .component.form .form-label.require::after {
	content: "တောင်းဆိုနေတဲ့";
}

:lang(ne) .component.form .form-label.require::after {
	content: "आवश्यक छ";
}

:lang(fa) .component.form .form-label.require::after {
	content: "مورد نیاز است";
}

:lang(no) .component.form .form-label.require::after {
	content: "Må";
}

:lang(pl) .component.form .form-label.require::after {
	content: "Wymagany";
}

:lang(pt) .component.form .form-label.require::after {
	content: "Obrigatório";
}

:lang(ru) .component.form .form-label.require::after {
	content: "требуется";
}

:lang(es) .component.form .form-label.require::after {
	content: "Requerido";
}

:lang(sw) .component.form .form-label.require::after {
	content: "Inahitajika";
}

:lang(sv) .component.form .form-label.require::after {
	content: "krävs";
}

:lang(th) .component.form .form-label.require::after {
	content: "จำเป็นต้องใช้";
}

:lang(hi) .component.form .form-label.require::after {
	content: "अपेक्षित";
}

:lang(tr) .component.form .form-label.require::after {
	content: "gereken";
}

:lang(uk) .component.form .form-label.require::after {
	content: "Обов'язково";
}

:lang(ur) .component.form .form-label.require::after {
	content: "ضرورت ہے";
}

:lang(vi) .component.form .form-label.require::after {
	content: "Bắt buộc";
}