@charset "utf-8";

/* ===================================================================
STATIC COMMON
=================================================================== */

/* STATIC HEADING
--------------------*/

.static-heading[id^=s_] {
	position: relative;
	margin: -120px 0 20px;
	padding: 120px 0 0;
    border-bottom: 4px solid rgba(0, 0, 0, .5);
}

.static-heading p {
    display: inline-block;
    padding: 5px 20px 0;
	color: #FFF;
	font-size: 18px; /* 固定 */
	font-weight: 700;
	background: rgba(0, 0, 0, .5);
	border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

/* STATIC SOURCE
--------------------*/

.static-source {
	width: 50%;
    margin: 0 auto 30px;
	padding: 10px;
	font-size: 14px; /* 固定 */
	background: rgba(255, 255, 255, .3);
	border-radius: 5px;
	box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, .16) inset;
}

.static-code {
	margin: 5px 0;
	padding: 10px;
	color: rgba(0, 0, 0, .5);
	background: #F5F4F5;
	border-radius: 5px;
}

/* STATIC COPY BUTTON
--------------------*/

.static-copy {
	width: 100%;
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: 2px dashed rgba(0, 0, 0, .16);
	position: relative;
	z-index: 10;
}

.static-copy p {
	display: block;
	width: 60px;
	margin: 0 auto;
    padding: 5px 10px;
	color: #FFF;
	font-size: 12px; /* 固定 */
	font-weight: 700;
	text-align: center;
	background: #000;
	border-radius: 5px;
	cursor: pointer;
	z-index: 50;
}

.static-copy.events-none p {
	pointer-events: none;
}

/* STATIC COPIED
--------------------*/

.static-copied {
	display: none;
	position: fixed;
    bottom: 70px;
    right: 20px;
    width: 130px;
    padding: 5px 10px;
    color: #FFF;
    font-size: 14px; /* 固定 */
    font-weight: 700;
    text-align: center;
    background: #000;
	border-radius: 5px;
	z-index: 10;
}

/* STATIC COPY WRAP
--------------------*/

.static-copy-wrap {
	position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 10;
}

.static-copy-wrap input {
    display: block;
    width: 100%;
    height: 35px;
	padding: 10px 20px;
	font-family: serif;
    color: #FFF;
    font-size: 14px; /* 固定 */
	font-weight: 700;
	letter-spacing: 1px;
    background: transparent;
    overflow: hidden;
}

/* ===================================================================
STATIC SIDE MENU BUTTON
=================================================================== */

.static-menu-btn {
    position: fixed;
    top: 120px;
    left: 20px;
    width: 40px;
    height: 40px;
	background: #000;
	cursor: pointer;
	z-index: 100;
	transition: all .2s ease-out 0s;
}

.static-menu-btn > div:first-child {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 2px;
	height: 20px;
	background: #FFF;
	transition: all .2s ease-out 0s;
}

.static-menu-btn > div:last-child {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 20px;
	height: 2px;
	background: #FFF;
	transition: all .2s ease-out 0s;
}

.static-menu-btn.active {
	background: #FFF;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .16);
}

.static-menu-btn.active > div {
	transform: translate(-50%, -50%) rotate(135deg);
	background: #000;
}

/* ===================================================================
STATIC SIDE MENU
=================================================================== */

.static-menu {
	display: none;
	position: fixed;
    top: 180px;
    left: 20px;
    width: 250px;
	background: #FFF;
	border: 1px solid transparent;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .16);
	z-index: 100;
	transition: all .2s ease-out 0s;
}

.static-menu:hover {
	border: 1px solid #000;
}

.static-menu-inner {
	position: relative;
	padding: 20px 10px;
}

.static-menu-content {
	position: relative;
	height: 300px;
	padding: 0 10px 0 0;
    overflow-y: auto;
}

.static-menu-content ul li a {
	display: block;
	width: 100%;
	margin: 0 0 10px;
	padding: 10px 0 10px 10px;
	color: #FFF;
    font-size: 12px; /* 固定 */
    font-weight: 700;
    background: #000;
    border-top-left-radius: 10px;
	transition: all .2s ease-out 0s;
}

.static-menu-content ul li a:hover {
	color: #000;
	background: #FFF;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .16);

}



/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */



/* ===================================================================
SHARE
=================================================================== */

.s-share {
	display: flex;
    justify-content: flex-start;
	align-items: flex-start;
	margin: 0 0 20px;
}

.s-share-btn {
	position: relative;
	display: block;
	margin: 0 5px;
}

.s-share .fb_iframe_widget span {
    display: block !important;
}

/* ===================================================================
FONT SIZE
=================================================================== */

.s-font-size-normal	{ font-size: 62.5%; }
.s-font-size-large { font-size: 80%; }
.s-font-size-largest { font-size: 100%; }

/* Q&A
--------------------*/

.s-font-size-large .s-qa .s-q:before { top: 0; }
.s-font-size-large .s-qa .s-a:before { top: -2.5px; }
.s-font-size-largest .s-qa .s-q:before { top: 5px; }
.s-font-size-largest .s-qa .s-a:before { top: 0; }

/* ===================================================================
BACKGROUND
=================================================================== */

.s-back-white { color: #000; background: #FFF; }
.s-back-blue { color: #FFF; background: #005377; }
.s-back-black { color: #FFF; background: #333; }

/* LINK
--------------------*/

.s-back-white a { color: #000; }
.s-back-blue a,
.s-back-black a { color: #FFF; }

/* 特殊　TOP DISASTER LAYOUT
--------------------*/

.s-back-blue .top-disaster-content { background: #005377; }
.s-back-black .top-disaster-content { background: #333; } 

/* 特殊　STATIC IMG CONTENT
--------------------*/

.s-back-blue .s-img-cont ul li { background: #005377; }
.s-back-black .s-img-cont ul li { background: #333; }

/* 特殊　STATIC TABLE
--------------------*/

.s-back-blue .s-table table tr th,
.s-back-blue .s-table table tr td { border: 1px solid #FFF; }

.s-back-black .s-table table tr th,
.s-back-black .s-table table tr td { border: 1px solid #FFF; }

/* ===================================================================
SECTION BACKGROUND
=================================================================== */

.s-back-gray { background: rgba(226, 217, 226, .3); }

/* ===================================================================
THREE DOTS
=================================================================== */

.s-pc-threedots-1line { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; }
.s-pc-threedots-2lines { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; }
.s-pc-threedots-3lines { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; word-break: break-all; }

/* ===================================================================
ID ANCHOR
=================================================================== */

div[id^=s_] {
	margin: -120px 0 0;
	padding: 120px 0 0;
}

/* ===================================================================
NEW ICON
=================================================================== */

.s-new-icon {
	position: relative;
    display: inline-block;
	padding: 5px 8px;
    color: #FFF;
    font-size: 14px; /* 固定 */
    font-weight: 700;
    line-height: 1;
    border-radius: 20px;
    background: #EB461E;
	z-index: 10;
}

/* NEW ICON 新着情報
--------------------*/

.s-new-icon.info-list {
	margin: 0 0 0 20px;
}

/* NEW ICON KVボタン, コンテンツ
--------------------*/

.s-new-icon.btn-list {
    position: absolute;
    top: -13px;
    left: 0;
}

/* NEW ICON IMG CONT
--------------------*/

.s-new-icon.img-cont {
    position: absolute;
    top: 5px;
    left: 5px;
}

/* ===================================================================
BREADCRUMB
=================================================================== */

.s-breadcrumb {
	padding: 30px 0 25px;
}

.s-breadcrumb-list ul {
	display: flex;
    justify-content: flex-start;
    align-items: center;
	flex-wrap: wrap;
}

.s-breadcrumb-list ul li {
	position: relative;
    padding: 0 50px 0 0;
	font-size: 1.2rem;
}

.s-breadcrumb-list ul li:after {
	content: '';
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translate(0, -50%) rotate(45deg);
    width: 6px;
    height: 6px;
    border-top: 1px solid #009B95;
    border-right: 1px solid #009B95;
}

.s-breadcrumb-list ul li:last-child:after {
	content: none;
}

.s-breadcrumb-list ul li a {
	text-decoration: underline;
}

/* ===================================================================
H2
=================================================================== */

.s-h2 {
	position: relative;
	margin: 0 0 10px;
    padding: 10px 0 0;
	font-size: 2.2rem;
}

.s-h2:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #009B95;
	border-radius: 1px;
}

/* ===================================================================
H2 EDIT DATE
=================================================================== */

.s-edit-dt {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1;
}

/* ===================================================================
H3
=================================================================== */

.s-h3,
.s-h3-color {
	position: relative;
	margin: 0 0 10px;
	font-size: 2.2rem;
}

.s-h3-color {
	color: #009B95;
}

/* ===================================================================
TEXT
=================================================================== */

/* TEXT BASIC
--------------------*/

.s-text-left { text-align: left; }
.s-text-center { text-align: center; }
.s-text-right { text-align: right; }

/* TEXT BOLD
--------------------*/

div[class^=s-text-] p.bold,
div[class^=s-text-] span.bold {
	font-weight: 700;
}

/* TEXT MARGIN
--------------------*/

.s-text-center.pc-m5, .s-text-left.pc-m5, .s-text-right.pc-m5 { margin: 0 0 5px; }
.s-text-center.pc-m10, .s-text-left.pc-m10, .s-text-right.pc-m10 { margin: 0 0 10px; }
.s-text-center.pc-m15, .s-text-left.pc-m15, .s-text-right.pc-m15 { margin: 0 0 15px; }
.s-text-center.pc-m20, .s-text-left.pc-m20, .s-text-right.pc-m20 { margin: 0 0 20px; }
.s-text-center.pc-m25, .s-text-left.pc-m25, .s-text-right.pc-m25 { margin: 0 0 25px; }
.s-text-center.pc-m30, .s-text-left.pc-m30, .s-text-right.pc-m30 { margin: 0 0 30px; }
.s-text-center.pc-m35, .s-text-left.pc-m35, .s-text-right.pc-m35 { margin: 0 0 35px; }
.s-text-center.pc-m40, .s-text-left.pc-m40, .s-text-right.pc-m40 { margin: 0 0 40px; }
.s-text-center.pc-m45, .s-text-left.pc-m45, .s-text-right.pc-m45 { margin: 0 0 45px; }
.s-text-center.pc-m50, .s-text-left.pc-m50, .s-text-right.pc-m50 { margin: 0 0 50px; }

/* ===================================================================
TEXT LINK
=================================================================== */

/* TEXT LINK BASIC
--------------------*/

.s-link-left { text-align: left; }
.s-link-center { text-align: center; }

.s-link-center a,
.s-link-left a {
    display: inline;
	color: #DB45FF;
    border-bottom: 1px solid #DB45FF;
}

/* TEXT LINK MARGIN
--------------------*/

.s-link-center.pc-m5, .s-link-left.pc-m5 { margin: 0 0 5px; }
.s-link-center.pc-m10, .s-link-left.pc-m10 { margin: 0 0 10px; }
.s-link-center.pc-m15, .s-link-left.pc-m15 { margin: 0 0 15px; }
.s-link-center.pc-m20, .s-link-left.pc-m20 { margin: 0 0 20px; }
.s-link-center.pc-m25, .s-link-left.pc-m25 { margin: 0 0 25px; }
.s-link-center.pc-m30, .s-link-left.pc-m30 { margin: 0 0 30px; }
.s-link-center.pc-m35, .s-link-left.pc-m35 { margin: 0 0 35px; }
.s-link-center.pc-m40, .s-link-left.pc-m40 { margin: 0 0 40px; }
.s-link-center.pc-m45, .s-link-left.pc-m45 { margin: 0 0 45px; }
.s-link-center.pc-m50, .s-link-left.pc-m50 { margin: 0 0 50px; }

/* ===================================================================
PDF TEXT LINK
=================================================================== */

/* PDF TEXT LINK BASIC
--------------------*/

.s-pdf-link {
	position: relative;
	margin: 0 0 40px;
	padding: 0 0 0 50px;
}

.s-pdf-link:before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	width: 34px;
	height: 50px;
	background: url(/img/common/pdf/pdf.svg) 50% 50% / contain no-repeat, transparent;
}

.s-pdf-link a {
	display: inline;
	color: #DB45FF;
    border-bottom: 1px solid #DB45FF;
}

/* ===================================================================
PDF FILE
=================================================================== */

/* PDF FILE BASIC
--------------------*/

.s-pdf-file-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 30px;
}

.s-pdf-file-left {
	width: 24%;
}

.s-pdf-file-right {
	width: 72%;
}

/* ===================================================================
TEXT LINK LIST
=================================================================== */

/* TEXT LINK LIST BASIC
--------------------*/

.s-link-list ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.s-link-list ul li {
	position: relative;
	width: 25%;
	margin: 0 0 10px;
	padding: 5px 10px 5px 20px;
}

.s-link-list ul li a {
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
}

.s-link-list ul li a:hover {
	text-decoration: underline;
}

.s-link-list ul li.now a {
	opacity: .4;
	pointer-events: none;
}

.s-link-list ul li i[class^=fa] {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	color: #009B95;
	font-size: 16px; /* 固定 */
}

/* ===================================================================
NORMAL LIST
=================================================================== */

/* NORMAL LIST BASIC
--------------------*/

.s-list-num > ul > li,
.s-list-disc > ul > li {
	position: relative;
	list-style-type: none;
	margin: 0 0 5px;
	padding: 0 0 0 20px;
}

/* NORMAL LIST NUM
--------------------*/

.s-list-num > ul > li {
	counter-increment: number;
}

.s-list-num > ul > li:before {
	content: counter(number);
	position: absolute;
	top: 50%;
    transform: translate(0, -50%);
	left: 0;
	color: #009B95;
	font-weight: 700;
}

/* NORMAL LIST DISC
--------------------*/

.s-list-disc > ul > li:before {
    content: '';
    position: absolute;
	top: 50%;
    transform: translate(0, -50%);
    left: 0;
    width: 8px;
    height: 8px;
    background: #009B95;
	border-radius: 50%;
}

/* ===================================================================
INFO LIST
=================================================================== */

/* INFO LIST BASIC
--------------------*/

.s-info-list ul li {
    margin: 0 0 20px;
    padding: 0 0 15px;
	border-bottom: 1px solid rgba(226, 217, 226, .3);
}

.s-info-list ul li a {
	display: block;
}

.s-info-list ul li a:hover {
	text-decoration: underline;
}

.s-info-list ul li .date {
	margin: 0 0 5px;
	font-size: 1.2rem;
}

.s-info-list ul li .title {
	font-size: 1.6rem;
	font-weight: 700;
}

/* ===================================================================
ANCHOR CONTENTS
=================================================================== */

/* ANCHOR CONTENTS BASIC
--------------------*/

.s-anchor-inner {
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 0 10px;
	z-index: 10;
}

.s-anchor {
	width: 100%;
	max-width: 460px;
	margin: 0 0 20px;
}

.s-anchor a {
    position: relative;
    display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	max-width: 460px;
	min-height: 50px;
	margin: 0 auto;
	padding: 10px 50px 10px 20px;
	font-size: 1.6rem;
	font-weight: 700;
	border: 2px solid #009B95;
	border-radius: 10px;
	word-break: normal;
	z-index: 10;
}

.s-anchor a i[class^=fa] {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 20px;
	color: #009B95;
	font-size: 24px; /* 固定 */
	transition: transform .2s ease-out 0s;
}

.s-anchor a:hover i[class^=fa] {
	transform: translate(0, -30%);
}

/* ===================================================================
BUTTON
=================================================================== */

/* BUTTON BASIC
--------------------*/

.s-btn-inner {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 0 30px;
}

.s-btn-inner:nth-last-of-type(2) + .s-btn-inner:nth-last-of-type(1) {
    margin: 0;
}

.s-btn-inner.pc-m10 { margin: 0 0 10px; }
.s-btn-inner.pc-m0 { margin: 0; }

.s-btn {
	width: 100%;
	max-width: 460px;
}

.s-btn a,
.s-btn button {
    position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
    width: 100%;
    max-width: 460px;
    min-height: 50px;
    margin: 0 auto;
    padding: 10px 50px 10px 20px;
    color: #FFF;
    font-size: 1.6rem;
    font-weight: 700;
    background: #009B95;
    border-radius: 10px;
	word-break: normal;
	z-index: 10;
}

.s-btn a i[class^=fa],
.s-btn button i[class^=fa] {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 20px;
	color: #FFF;
	font-size: 24px; /* 固定 */
	transition: right .2s ease-out 0s;
}

.s-btn a:hover i[class^=fa],
.s-btn button:hover i[class^=fa] {
	right: 10px;
}

/* ===================================================================
BACK BUTTON
=================================================================== */

.s-btn.s-back-btn a,
.s-btn.s-back-btn button {
	justify-content: flex-end;
    padding: 10px 20px 10px 50px;
}

.s-btn.s-back-btn a i[class^=fa],
.s-btn.s-back-btn button i[class^=fa] {
	transform: translate(0, -50%) rotate(180deg);
	right: auto;
	left: 20px;
	transition: left .2s ease-out 0s;
}

.s-btn.s-back-btn a:hover i[class^=fa],
.s-btn.s-back-btn button:hover i[class^=fa] {
	right: auto;
	left: 10px;
}

/* ===================================================================
MORE BUTTON
=================================================================== */

/* MORE BUTTON BASIC
--------------------*/

.s-more-btn {
	width: 100%;
	max-width: 460px;
}

.s-more-btn a {
    position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
    width: 100%;
    max-width: 460px;
    min-height: 50px;
    margin: 0 auto;
    padding: 10px 50px 10px 20px;
    color: #009B95;
    font-size: 1.6rem;
    font-weight: 700;
    background: #FFF;
	border: 2px solid #009B95;
    border-radius: 10px;
	word-break: normal;
	z-index: 10;
}

.s-more-btn a i[class^=fa] {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 20px;
	color: #009B95;
	font-size: 24px; /* 固定 */
	transition: transform .2s ease-out 0s;
}

.s-more-btn a:hover i[class^=fa] {
	transform: translate(0, -30%);
}

/* ===================================================================
IMG CONTENT
=================================================================== */

/* IMG CONTENT BASIC
--------------------*/

.s-img-cont ul {
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.s-img-cont ul li {
	position: relative;
	background: #FFF;
	border-radius: 10px;
	box-shadow: 3px 3px #009B95;
	overflow: hidden;
	transition: box-shadow .2s ease-out 0s;
}

.s-img-cont ul li.hide {
	display: none;
}

.s-img-cont ul li:hover {
	box-shadow: 6px 6px #009B95;
}

.s-img-cont ul li a {
	position: relative;
	display: block;
	width: 100%;
}

.s-img-cont ul li .imgbox {
	display: flex;
	justify-content: center;
	align-items: center;
    width: 100%;
}

.s-img-cont ul li .imgbox .img {
	position: relative;
	width: 100%;
	height: 0;
	padding: 56.25% 0 0;
}

.s-img-cont ul li .imgbox .img > img {
	position: absolute;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.s-img-cont ul li .textbox {
	width: 100%;
	margin: 5px 0 0;
    padding: 5px 10px 10px;
}

.s-img-cont ul li .textbox .text {
    font-size: 1.2rem;
	word-break: break-all;
}

.s-img-cont ul li .textbox .title {
	font-size: 1.6rem;
    font-weight: 700;
	word-break: break-all;
}

/* IMG CONTENT　PC：1列　縦型　SP：1列　横型
--------------------*/

.s-img-cont.split1 ul li {
	width: 100%;
	margin: 0 0 20px;
}

/* IMG CONTENT　PC：1列　横型　SP：1列　横型
--------------------*/

.s-img-cont.split1.horizontal ul li a {
	position: relative;
	display: flex;
	justify-content: space-between;
}

.s-img-cont.split1.horizontal ul li .imgbox {
	width: 40%;
}

.s-img-cont.split1.horizontal ul li .textbox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 60%;
	margin: 0;
	padding: 10px;
}

/* IMG CONTENT　PC：2列　縦型　SP：1列　横型
--------------------*/

.s-img-cont.split2 ul li:nth-child(2n+1) {
    width: 48.5%;
    margin: 0 3% 20px 0;
}

.s-img-cont.split2 ul li:nth-child(2n+2) {
    width: 48.5%;
    margin: 0 0 20px 0;
}

/* IMG CONTENT　PC：3列　縦型　SP：1列　横型
--------------------*/

.s-img-cont.split3 ul li:nth-child(3n+1),
.s-img-cont.split3 ul li:nth-child(3n+2) {
    width: calc(94% / 3);
    margin: 0 3% 20px 0;
}

.s-img-cont.split3 ul li:nth-child(3n+3) {
    width: calc(94% / 3);
    margin: 0 0 20px 0;
}

/* IMG CONTENT　PC：4列　縦型　SP：1列　横型
--------------------*/

.s-img-cont.split4 ul li:nth-child(4n+1),
.s-img-cont.split4 ul li:nth-child(4n+2),
.s-img-cont.split4 ul li:nth-child(4n+3) {
    width: 22.75%;
    margin: 0 3% 20px 0;
}

.s-img-cont.split4 ul li:nth-child(4n+4) {
    width: 22.75%;
    margin: 0 0 20px 0;
}

/* ===================================================================
TITLE CONTENT
=================================================================== */

/* TITLE CONTENT BASIC
--------------------*/

.s-title-cont ul {
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.s-title-cont ul li {
    position: relative;
    width: 49%;
    margin: 0 2% 20px 0;
}

.s-title-cont ul li:nth-child(2n) {
	margin: 0 0 20px;
}

.s-title-cont ul li a {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	min-height: 80px;
    padding: 10px 15px;
	font-size: 1.6rem;
    font-weight: 700;
	border: 2px solid #009B95;
	border-radius: 10px;
	box-shadow: 3px 3px #009B95;
	word-break: break-all;
	transition: box-shadow .2s ease-out 0s;
}

.s-title-cont ul li a:hover {
	box-shadow: 6px 6px #009B95;
}

/* ===================================================================
TOGGLE 1
=================================================================== */

/* TOGGLE 1 BASIC
--------------------*/

.s-toggle {
	position: relative;
	margin: 0 0 30px;
}

.s-toggle-title {
	position: relative;
	display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
	min-height: 50px;
	padding: 5px 50px 5px 20px;
	color: #FFF;
	font-size: 1.6rem;
	font-weight: 700;
	background: #009B95;
	border: 2px solid #009B95;
	border-radius: 10px;
	z-index: 10;
	cursor: pointer;
	transition: color .2s ease-out 0s, background-color .2s ease-out 0s;
}

.s-toggle-title:hover {
	color: #009B95;
	background: #FFF;
}

.s-toggle-title:before,
.s-toggle-title:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 30px;
	width: 4px;
	height: 24px;
	background: #FFF;
	border-radius: 2px;
	transition: background-color .2s ease-out 0s;
}

.s-toggle-title:before {
	transform: translate(0, -50%) rotate(90deg);
}

.s-toggle-title:after {
	transform: translate(0, -50%);
}

.s-toggle-title.show {
	border-radius: 10px 10px 0 0;
}

.s-toggle-title.show:after {
	content: none;
}

.s-toggle-title:hover:before,
.s-toggle-title:hover:after {
	background: #009B95;
}

.s-toggle-detail {
	display: none;
	padding: 30px;
	border: 1px solid #009B95;
	border-top: none;
}

/* ===================================================================
TOGGLE 2
=================================================================== */

/* TOGGLE 2 BASIC
--------------------*/

.s-content-toggle {
	position: relative;
}

.s-content-toggle-title {
	position: absolute;
	top: 15px;
	right: 0;
	width: 50px;
	min-height: 50px;
	color: #FFF;
	font-size: 1.6rem;
	font-weight: 700;
	background: #009B95;
	border: 2px solid #009B95;
	border-radius: 10px;
	z-index: 10;
	cursor: pointer;
	transition: color .2s ease-out 0s, background-color .2s ease-out 0s;
}

.s-content-toggle-title:hover {
	color: #009B95;
	background: #FFF;
}

.s-content-toggle-title:before,
.s-content-toggle-title:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 4px;
	height: 24px;
	background: #FFF;
	border-radius: 2px;
	transition: background-color .2s ease-out 0s;
}

.s-content-toggle-title:before {
	transform: translate(-50%, -50%) rotate(90deg);
}

.s-content-toggle-title:after {
	transform: translate(-50%, -50%);
}

.s-content-toggle-title.show:after {
	content: none;
}

.s-content-toggle-title:hover:before,
.s-content-toggle-title:hover:after {
	background: #009B95;
}

.s-content-toggle-summary {
	margin: 0 0 10px;
	font-weight: 700;
}

.s-content-toggle-detail {
	display: none;
}

/* ===================================================================
IMAGE
=================================================================== */

/* IMAGE BASIC
--------------------*/

.s-img {
	margin: 0 auto;
}

/* IMAGE WIDTH
--------------------*/

.s-img.pc-w5 { width: 5%; }
.s-img.pc-w10 { width: 10%; }
.s-img.pc-w15 { width: 15%; }
.s-img.pc-w20 { width: 20%; }
.s-img.pc-w25 { width: 25%; }
.s-img.pc-w30 { width: 30%; }
.s-img.pc-w35 { width: 35%; }
.s-img.pc-w40 { width: 40%; }
.s-img.pc-w45 { width: 45%; }
.s-img.pc-w50 { width: 50%; }
.s-img.pc-w55 { width: 55%; }
.s-img.pc-w60 { width: 60%; }
.s-img.pc-w65 { width: 65%; }
.s-img.pc-w70 { width: 70%; }
.s-img.pc-w75 { width: 75%; }
.s-img.pc-w80 { width: 80%; }
.s-img.pc-w85 { width: 85%; }
.s-img.pc-w90 { width: 90%; }
.s-img.pc-w95 { width: 95%; }
.s-img.pc-w100 { width: 100%; }

/* IMAGE MARGIN
--------------------*/

.s-img.pc-m10 { margin: 0 auto 10px; }
.s-img.pc-m20 { margin: 0 auto 20px; }
.s-img.pc-m30 { margin: 0 auto 30px; }
.s-img.pc-m40 { margin: 0 auto 40px; }
.s-img.pc-m50 { margin: 0 auto 50px; }
.s-img.pc-m60 { margin: 0 auto 60px; }
.s-img.pc-m70 { margin: 0 auto 70px; }
.s-img.pc-m80 { margin: 0 auto 80px; }
.s-img.pc-m90 { margin: 0 auto 90px; }
.s-img.pc-m100 { margin: 0 auto 100px; }

/* ===================================================================
IFRAME
=================================================================== */

/* IFRAME BASIC
--------------------*/

.s-iframe {
	width: 100%;
	margin: 0 auto 30px;
}

.s-iframe.pc-w50 {
	width: 50%;
}

.s-iframe-inner {
    position: relative;
	width: 100%;
	height: 0;
	padding: 0 0 56.25%;
}

.s-iframe-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
	outline: none;
}

/* ===================================================================
TABLE
=================================================================== */

/* TABLE BASIC
--------------------*/

.s-table.fixed {
	overflow-x: auto;
}

.s-table table {
    position: relative;
	display: table;
	table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
	margin: 0 0 10px;
}

.s-table.fixed table {
	width: 1000px;
}

.s-table table thead {
    display: table-header-group;
}

.s-table table tbody {
    display: table-row-group;
}

.s-table table tr th,
.s-table table tr td {
	padding: 10px 20px;
	border: 1px solid #000;
	text-align: left;
	vertical-align: middle;
}

.s-table table tr th {
    color: #FFF;
    font-weight: 700;
	background: #009B95;
}

/* TABLE WIDTH
--------------------*/

.s-table table tr th.pc-w1, .s-table table tr td.pc-w1	{width: 1%;}
.s-table table tr th.pc-w2, .s-table table tr td.pc-w2	{width: 2%;}
.s-table table tr th.pc-w3, .s-table table tr td.pc-w3	{width: 3%;}
.s-table table tr th.pc-w4, .s-table table tr td.pc-w4	{width: 4%;}
.s-table table tr th.pc-w5, .s-table table tr td.pc-w5	{width: 5%;}

.s-table table tr th.pc-w6, .s-table table tr td.pc-w6	{width: 6%;}
.s-table table tr th.pc-w7, .s-table table tr td.pc-w7	{width: 7%;}
.s-table table tr th.pc-w8, .s-table table tr td.pc-w8	{width: 8%;}
.s-table table tr th.pc-w9, .s-table table tr td.pc-w9	{width: 9%;}
.s-table table tr th.pc-w10, .s-table table tr td.pc-w10 {width: 10%;}

.s-table table tr th.pc-w11, .s-table table tr td.pc-w11 {width: 11%;}
.s-table table tr th.pc-w12, .s-table table tr td.pc-w12 {width: 12%;}
.s-table table tr th.pc-w13, .s-table table tr td.pc-w13 {width: 13%;}
.s-table table tr th.pc-w14, .s-table table tr td.pc-w14 {width: 14%;}
.s-table table tr th.pc-w15, .s-table table tr td.pc-w15 {width: 15%;}

.s-table table tr th.pc-w16, .s-table table tr td.pc-w16 {width: 16%;}
.s-table table tr th.pc-w17, .s-table table tr td.pc-w17 {width: 17%;}
.s-table table tr th.pc-w18, .s-table table tr td.pc-w18 {width: 18%;}
.s-table table tr th.pc-w19, .s-table table tr td.pc-w19 {width: 19%;}
.s-table table tr th.pc-w20, .s-table table tr td.pc-w20 {width: 20%;}

.s-table table tr th.pc-w21, .s-table table tr td.pc-w21 {width: 21%;}
.s-table table tr th.pc-w22, .s-table table tr td.pc-w22 {width: 22%;}
.s-table table tr th.pc-w23, .s-table table tr td.pc-w23 {width: 23%;}
.s-table table tr th.pc-w24, .s-table table tr td.pc-w24 {width: 24%;}
.s-table table tr th.pc-w25, .s-table table tr td.pc-w25 {width: 25%;}

.s-table table tr th.pc-w26, .s-table table tr td.pc-w26 {width: 26%;}
.s-table table tr th.pc-w27, .s-table table tr td.pc-w27 {width: 27%;}
.s-table table tr th.pc-w28, .s-table table tr td.pc-w28 {width: 28%;}
.s-table table tr th.pc-w29, .s-table table tr td.pc-w29 {width: 29%;}
.s-table table tr th.pc-w30, .s-table table tr td.pc-w30 {width: 30%;}

.s-table table tr th.pc-w31, .s-table table tr td.pc-w31 {width: 31%;}
.s-table table tr th.pc-w32, .s-table table tr td.pc-w32 {width: 32%;}
.s-table table tr th.pc-w33, .s-table table tr td.pc-w33 {width: calc(100% / 3);}
.s-table table tr th.pc-w34, .s-table table tr td.pc-w34 {width: 34%;}
.s-table table tr th.pc-w35, .s-table table tr td.pc-w35 {width: 35%;}

.s-table table tr th.pc-w36, .s-table table tr td.pc-w36 {width: 36%;}
.s-table table tr th.pc-w37, .s-table table tr td.pc-w37 {width: 37%;}
.s-table table tr th.pc-w38, .s-table table tr td.pc-w38 {width: 38%;}
.s-table table tr th.pc-w39, .s-table table tr td.pc-w39 {width: 39%;}
.s-table table tr th.pc-w40, .s-table table tr td.pc-w40 {width: 40%;}

.s-table table tr th.pc-w41, .s-table table tr td.pc-w41 {width: 41%;}
.s-table table tr th.pc-w42, .s-table table tr td.pc-w42 {width: 42%;}
.s-table table tr th.pc-w43, .s-table table tr td.pc-w43 {width: 43%;}
.s-table table tr th.pc-w44, .s-table table tr td.pc-w44 {width: 44%;}
.s-table table tr th.pc-w45, .s-table table tr td.pc-w45 {width: 45%;}

.s-table table tr th.pc-w46, .s-table table tr td.pc-w46 {width: 46%;}
.s-table table tr th.pc-w47, .s-table table tr td.pc-w47 {width: 47%;}
.s-table table tr th.pc-w48, .s-table table tr td.pc-w48 {width: 48%;}
.s-table table tr th.pc-w49, .s-table table tr td.pc-w49 {width: 49%;}
.s-table table tr th.pc-w50, .s-table table tr td.pc-w50 {width: 50%;}

.s-table table tr th.pc-w51, .s-table table tr td.pc-w51 {width: 51%;}
.s-table table tr th.pc-w52, .s-table table tr td.pc-w52 {width: 52%;}
.s-table table tr th.pc-w53, .s-table table tr td.pc-w53 {width: 53%;}
.s-table table tr th.pc-w54, .s-table table tr td.pc-w54 {width: 54%;}
.s-table table tr th.pc-w55, .s-table table tr td.pc-w55 {width: 55%;}

.s-table table tr th.pc-w56, .s-table table tr td.pc-w56 {width: 56%;}
.s-table table tr th.pc-w57, .s-table table tr td.pc-w57 {width: 57%;}
.s-table table tr th.pc-w58, .s-table table tr td.pc-w58 {width: 58%;}
.s-table table tr th.pc-w59, .s-table table tr td.pc-w59 {width: 59%;}
.s-table table tr th.pc-w60, .s-table table tr td.pc-w60 {width: 60%;}

.s-table table tr th.pc-w61, .s-table table tr td.pc-w61 {width: 61%;}
.s-table table tr th.pc-w62, .s-table table tr td.pc-w62 {width: 62%;}
.s-table table tr th.pc-w63, .s-table table tr td.pc-w63 {width: 63%;}
.s-table table tr th.pc-w64, .s-table table tr td.pc-w64 {width: 64%;}
.s-table table tr th.pc-w65, .s-table table tr td.pc-w65 {width: 65%;}

.s-table table tr th.pc-w66, .s-table table tr td.pc-w66 {width: 66%;}
.s-table table tr th.pc-w67, .s-table table tr td.pc-w67 {width: 67%;}
.s-table table tr th.pc-w68, .s-table table tr td.pc-w68 {width: 68%;}
.s-table table tr th.pc-w69, .s-table table tr td.pc-w69 {width: 69%;}
.s-table table tr th.pc-w70, .s-table table tr td.pc-w70 {width: 70%;}

.s-table table tr th.pc-w71, .s-table table tr td.pc-w71 {width: 71%;}
.s-table table tr th.pc-w72, .s-table table tr td.pc-w72 {width: 72%;}
.s-table table tr th.pc-w73, .s-table table tr td.pc-w73 {width: 73%;}
.s-table table tr th.pc-w74, .s-table table tr td.pc-w74 {width: 74%;}
.s-table table tr th.pc-w75, .s-table table tr td.pc-w75 {width: 75%;}

.s-table table tr th.pc-w76, .s-table table tr td.pc-w76 {width: 76%;}
.s-table table tr th.pc-w77, .s-table table tr td.pc-w77 {width: 77%;}
.s-table table tr th.pc-w78, .s-table table tr td.pc-w78 {width: 78%;}
.s-table table tr th.pc-w79, .s-table table tr td.pc-w79 {width: 79%;}
.s-table table tr th.pc-w80, .s-table table tr td.pc-w80 {width: 80%;}

.s-table table tr th.pc-w81, .s-table table tr td.pc-w81 {width: 81%;}
.s-table table tr th.pc-w82, .s-table table tr td.pc-w82 {width: 82%;}
.s-table table tr th.pc-w83, .s-table table tr td.pc-w83 {width: 83%;}
.s-table table tr th.pc-w84, .s-table table tr td.pc-w84 {width: 84%;}
.s-table table tr th.pc-w85, .s-table table tr td.pc-w85 {width: 85%;}

.s-table table tr th.pc-w86, .s-table table tr td.pc-w86 {width: 86%;}
.s-table table tr th.pc-w87, .s-table table tr td.pc-w87 {width: 87%;}
.s-table table tr th.pc-w88, .s-table table tr td.pc-w88 {width: 88%;}
.s-table table tr th.pc-w89, .s-table table tr td.pc-w89 {width: 89%;}
.s-table table tr th.pc-w90, .s-table table tr td.pc-w90 {width: 90%;}

.s-table table tr th.pc-w91, .s-table table tr td.pc-w91 {width: 91%;}
.s-table table tr th.pc-w92, .s-table table tr td.pc-w92 {width: 92%;}
.s-table table tr th.pc-w93, .s-table table tr td.pc-w93 {width: 93%;}
.s-table table tr th.pc-w94, .s-table table tr td.pc-w94 {width: 94%;}
.s-table table tr th.pc-w95, .s-table table tr td.pc-w95 {width: 95%;}

.s-table table tr th.pc-w96, .s-table table tr td.pc-w96 {width: 96%;}
.s-table table tr th.pc-w97, .s-table table tr td.pc-w97 {width: 97%;}
.s-table table tr th.pc-w98, .s-table table tr td.pc-w98 {width: 98%;}
.s-table table tr th.pc-w99, .s-table table tr td.pc-w99 {width: 99%;}
.s-table table tr th.pc-w100, .s-table table tr td.pc-w100 {width: 100%;}

/* ===================================================================
COLUMN
=================================================================== */

/* COLUMN BASIC
--------------------*/

.s-column {
	margin: 0 0 30px;
	padding: 25px 30px;
	background: rgba(226, 217, 226, .3);
}

.s-column > div:last-child {
	margin-bottom: 0;
}

/* ===================================================================
SEARCH CONTENT
=================================================================== */

/* SEARCH CONTENT BASIC
--------------------*/

.s-search-content {
	position: relative;
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
	padding: 0 10px;
}

/* SEARCH CONTENT UPPER
--------------------*/

.s-search-upper {
	margin: 0 0 20px;
}

.s-search-form {
	position: relative;
	z-index: 10;
}

.s-search-form form {
	display: flex;
	justify-content: space-between;
}

.s-search-input {
	position: relative;
    width: calc(100% - 40px);
    height: 50px;
    padding: 8px;
    background: #F5F4F5;
	border-radius: 10px 0 0 10px;
}

.s-search-input input[type=search] {
	display: block;
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 5px;
	font-size: 14px; /* 固定 */
    background: transparent;
	transition: background-color .2s ease-out 0s;
}

.s-search-input input[type=search]:hover,
.s-search-input input[type=search]:focus {
	background: #FFF;
}

.s-search-submit {
    position: relative;
    width: 40px;
    height: 50px;
	background: #94C6A9;
	border-radius: 0 10px 10px 0;
	transition: background-color .2s ease-out 0s;
}

.s-search-submit i[class^=fa] {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	color: #000;
    font-size: 20px; /* 固定 */
    pointer-events: none;
	transition: color .2s ease-out 0s;
}

.s-search-submit:hover {
	background: #000;
}

.s-search-submit:hover i[class^=fa] {
	color: #94C6A9;
}

.s-search-submit input[type=submit] {
	display: block;
    width: 40px;
    height: 50px;
    background: 0 0;
    cursor: pointer;
}

/* SEARCH CONTENT LOWER
--------------------*/

.s-search-btn-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 20px;
}

.s-search-btn-inner:last-child {
	margin: 0;
}

.s-search-btn {
	width: 100%;
	max-width: 355px;
}

.s-search-btn a {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
    width: 100%;
    max-width: 355px;
    min-height: 50px;
    padding: 10px 20px;
	color: #000;
    font-size: 16px; /* 固定 */
    font-weight: 700;
    background: #F5F4F5;
    border-radius: 10px;
	word-break: normal;
	transition: background-color .2s ease-out 0s;
	z-index: 10;
}

.s-search-btn a:hover {
	background: #94C6A9;
}

/* ===================================================================
Q&A CONTENT
=================================================================== */

/* Q&A CONTENT BASIC
--------------------*/

.s-qa {
	margin: 0 0 30px;
}

.s-qa .s-q {
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 0 45px;
	font-size: 1.6rem;
	font-weight: 700;
}

.s-qa .s-q:before {
    content: 'Q';
    position: absolute;
    top: -5px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    color: #FFF;
    font-size: 18px; /* 固定 */
    font-weight: 700;
    line-height: 1;
    background: #009B95;
    border-radius: 50%;
}

.s-qa .s-a {
	position: relative;
	padding: 0 0 0 45px;
}

.s-qa .s-a:before {
    content: 'A';
    position: absolute;
    top: -5px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    color: #009B95;
    font-size: 20px; /* 固定 */
    font-weight: 700;
    line-height: 1;
}

/* ===================================================================
SPEECH
=================================================================== */

/* SPEECH AREA
--------------------*/

.s-speech-area {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

/* SPEECH BASIC
--------------------*/

.s-speech-btn-list {
	margin: 0 0 28px 20px;
}

.s-speech-btn-list ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.s-speech-btn-list ul li {
	margin: 0 5px;
}

.s-speech-btn-list ul li.start { width: 100px; } /* 元 : 128px */
.s-speech-btn-list ul li.pause { width: 54px; } /* 元 : 69px */
.s-speech-btn-list ul li.resume { width: 54px; } /* 元 : 69px */
.s-speech-btn-list ul li.cancel { width: 78px; } /* 元 : 98px */

.s-speech-btn-list ul li button {
	display: block;
	width: 100%;
	color: transparent;
	background: transparent;
	cursor: pointer;
}

.s-speech-btn-list ul li button.on {
	pointer-events: none;
}

.s-speech-btn-list ul li button.disabled {
	opacity: .5;
	pointer-events: none;
}

.s-speech-btn-list ul li.start button {
	padding: calc(68 / 256 * 100%) 0 0;
	background: url(/img/common/speech/start.png) 50% 50% / contain no-repeat, transparent;
}

.s-speech-btn-list ul li.start button.on {
	background: url(/img/common/speech/start_on.png) 50% 50% / contain no-repeat, transparent;
}

.s-speech-btn-list ul li.pause button {
	padding: calc(68 / 138 * 100%) 0 0;
	background: url(/img/common/speech/pause.png) 50% 50% / contain no-repeat, transparent;
}

.s-speech-btn-list ul li.resume button {
	padding: calc(68 / 138 * 100%) 0 0;
	background: url(/img/common/speech/resume.png) 50% 50% / contain no-repeat, transparent;
}

.s-speech-btn-list ul li.cancel button {
	padding: calc(68 / 196 * 100%) 0 0;
	background: url(/img/common/speech/cancel.png) 50% 50% / contain no-repeat, transparent;
}

/* ===================================================================
EDITOR
=================================================================== */

/* EDITOR TABLE
--------------------*/

#detail_body > table:not([class]) {
	position: relative;
	display: table;
	table-layout: fixed;
    border-collapse: collapse;
    width: 100% !important;
	margin: 0 0 10px;
}

#detail_body > table:not([class]) thead {
    display: table-header-group;
}

#detail_body > table:not([class]) tbody {
    display: table-row-group;
}

#detail_body > table:not([class]) tr th,
#detail_body > table:not([class]) tr td {
	padding: 10px 20px;
	border: 1px solid #000;
	text-align: left;
	vertical-align: middle;
}

#detail_body > table:not([class]) tr th {
    color: #FFF;
    font-weight: 700;
	background: #009B95;
}

#detail_body > table:not([class]) tr:has(th:nth-of-type(1):last-of-type):has(td:nth-of-type(1):last-of-type) th {
	width: 25%;
}

#detail_body > table:not([class]) tr:has(th:nth-of-type(1):last-of-type):has(td:nth-of-type(1):last-of-type) td {
	width: 75%;
}

.s-back-blue #detail_body > table:not([class]) tr th,
.s-back-blue #detail_body > table:not([class]) tr td { border: 1px solid #FFF; }

.s-back-black #detail_body > table:not([class]) tr th,
.s-back-black #detail_body > table:not([class]) tr td { border: 1px solid #FFF; }

/* EDITOR H1〜H6
--------------------*/

#detail_body > h1:not([class]),
#detail_body > table:not([class]) h1:not([class]) {
	position: relative;
	margin: 0 0 10px;
	padding: 10px 0 0;
    font-size: 2.4rem;
}

#detail_body > h2:not([class]),
#detail_body > table:not([class]) h2:not([class]) {
	position: relative;
	margin: 0 0 10px;
	padding: 10px 0 0;
	font-size: 2.2rem;
}

#detail_body > h3:not([class]),
#detail_body > table:not([class]) h3:not([class]) {
	position: relative;
	margin: 0 0 10px;
	padding: 10px 0 0;
	font-size: 2rem;
}

#detail_body > h4:not([class]),
#detail_body > table:not([class]) h4:not([class]) {
	position: relative;
	margin: 0 0 10px;
	padding: 10px 0 0;
	font-size: 1.8rem;
}

#detail_body > h5:not([class]),
#detail_body > table:not([class]) h5:not([class]) {
	position: relative;
	margin: 0 0 10px;
	padding: 10px 0 0;
	font-size: 1.6rem;
}

#detail_body > h6:not([class]),
#detail_body > table:not([class]) h6:not([class]) {
	position: relative;
	margin: 0 0 10px;
	padding: 10px 0 0;
	font-size: 1.4rem;
}

/* EDITOR LIST
--------------------*/

#detail_body > ol:not([class]) > li,
#detail_body > ul:not([class]) > li,
#detail_body > table:not([class]) ol:not([class]) > li,
#detail_body > table:not([class]) ul:not([class]) > li {
	position: relative;
	list-style-type: none;
	margin: 0 0 5px;
	padding: 0 0 0 20px;
}

#detail_body > ol:not([class]) > li,
#detail_body > table:not([class]) ol:not([class]) > li {
	counter-increment: number;
}

#detail_body > ol:not([class]) > li:before,
#detail_body > table:not([class]) ol:not([class]) > li:before {
	content: counter(number);
	position: absolute;
	top: 50%;
    transform: translate(0, -50%);
	left: 0;
	color: #009B95;
	font-weight: 700;
}

#detail_body > ul:not([class]) > li:before,
#detail_body > table:not([class]) ul:not([class]) > li:before {
    content: '';
    position: absolute;
	top: 50%;
    transform: translate(0, -50%);
    left: 0;
    width: 8px;
    height: 8px;
    background: #009B95;
	border-radius: 50%;
}

/* EDITOR LINK
--------------------*/

#detail_body > a:not([class]),
#detail_body > table:not([class]) a:not([class]),
#detail_body > ol:not([class]) > li a:not([class]),
#detail_body > ul:not([class]) > li a:not([class]) {
    color: #DB45FF;
    border-bottom: 1px solid #DB45FF;
}

#detail_body > a:not([class]):has(> img),
#detail_body > table:not([class]) a:not([class]):has(> img),
#detail_body > ol:not([class]) > li a:not([class]):has(> img),
#detail_body > ul:not([class]) > li a:not([class]):has(> img) {
	color: inherit;
    border-bottom: none;
}

/* EDITOR HR
--------------------*/

#detail_body > hr,
#detail_body > table:not([class]) hr {
	margin: 20px 0;
}

@media screen and (min-width: 1001px) and (max-width: 1500px) {

	/* ===================================================================
	IMG CONTENT
	=================================================================== */

	/* IMG CONTENT　PC：1列　横型　SP：1列　横型
	--------------------*/

	.s-img-cont.split1.horizontal ul {
		justify-content: space-between;
	}

	.s-img-cont.split1.horizontal ul li {
		width: 48.5%;
	}

}

@media screen and (max-width: 1000px) {

	/* ===================================================================
	STATIC COMMON
	=================================================================== */

	/* STATIC HEADING
	--------------------*/

	.static-heading[id^=s_] {
		margin: -60px 0 20px;
		padding: 60px 0 0;
	}

	/* STATIC SOURCE
	--------------------*/

	.static-source {
		width: 100%;
		margin: 0 0 20px;
	}

	/* STATIC COPY BUTTON
	--------------------*/

	.static-copy {
		margin: 0 0 20px;
		padding: 0 0 20px;
	}

	/* STATIC COPIED
	--------------------*/

	.static-copied {
		bottom: 60px;
		right: 10px;
	}

	/* ===================================================================
	STATIC SIDE MENU BUTTON
	=================================================================== */

	.static-menu-btn {
		top: 50px;
		left: 10px;
	}
	
	.static-menu-btn,
	.static-menu-btn > div:first-child,
	.static-menu-btn > div:last-child {
		transition: none;
	}
	
	/* ===================================================================
	STATIC SIDE MENU
	=================================================================== */

	.static-menu {
		top: 100px;
		left: 0;
		transition: none;
	}

	.static-menu-content ul li a {
		transition: none;
	}



	/* -------------------------------------------------------------------------------- */
	/* -------------------------------------------------------------------------------- */

	

	/* ===================================================================
	THREE DOTS
	=================================================================== */

	.s-sp-threedots-1line { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
	.s-sp-threedots-2lines { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
	.s-sp-threedots-3lines { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

	/* ===================================================================
	ID ANCHOR
	=================================================================== */

	div[id^=s_] {
		margin: -60px 0 0;
		padding: 60px 0 0;
	}

	/* ===================================================================
	H2 EDIT DATE
	=================================================================== */

	.s-edit-dt {
		position: relative;
		top: unset;
		right: unset;
		font-size: 1.4rem;
		text-align: right;
		line-height: 1.714;
	}

	/* ===================================================================
	TEXT
	=================================================================== */

	/* TEXT MARGIN
	--------------------*/

	.s-text-center.sp-m5, .s-text-left.sp-m5, .s-text-right.sp-m5 { margin: 0 0 5px; }
	.s-text-center.sp-m10, .s-text-left.sp-m10, .s-text-right.sp-m10 { margin: 0 0 10px; }
	.s-text-center.sp-m15, .s-text-left.sp-m15, .s-text-right.sp-m15 { margin: 0 0 15px; }
	.s-text-center.sp-m20, .s-text-left.sp-m20, .s-text-right.sp-m20 { margin: 0 0 20px; }
	.s-text-center.sp-m25, .s-text-left.sp-m25, .s-text-right.sp-m25 { margin: 0 0 25px; }
	.s-text-center.sp-m30, .s-text-left.sp-m30, .s-text-right.sp-m30 { margin: 0 0 30px; }
	.s-text-center.sp-m35, .s-text-left.sp-m35, .s-text-right.sp-m35 { margin: 0 0 35px; }
	.s-text-center.sp-m40, .s-text-left.sp-m40, .s-text-right.sp-m40 { margin: 0 0 40px; }
	.s-text-center.sp-m45, .s-text-left.sp-m45, .s-text-right.sp-m45 { margin: 0 0 45px; }
	.s-text-center.sp-m50, .s-text-left.sp-m50, .s-text-right.sp-m50 { margin: 0 0 50px; }

	/* ===================================================================
	PDF FILE
	=================================================================== */

	/* PDF FILE BASIC
	--------------------*/

	.s-pdf-file-inner {
		display: block;
		margin: 0 0 20px;
	}

	.s-pdf-file-left {
		width: 65%;
		max-width: 240px;
		margin: 0 0 10px;
	}

	.s-pdf-file-right {
		width: 100%;
	}

	/* ===================================================================
	TEXT LINK LIST
	=================================================================== */

	/* TEXT LINK LIST BASIC
	--------------------*/

	.s-link-list ul {
		display: block;
	}

	.s-link-list ul li {
		width: 100%;
		padding: 3px 10px 3px 20px;
		margin: 0 0 10px;
	}

	.s-link-list ul li:last-child {
		margin: 0;
	}

	/* ===================================================================
	ANCHOR CONTENTS
	=================================================================== */

	/* ANCHOR CONTENTS BASIC
	--------------------*/

	.s-anchor-inner {
		margin: 0;
	}

	.s-anchor a {
		max-width: 100%;
	}

	.s-anchor a i[class^=fa] {
		transition: none;
	}

	/* ===================================================================
	BUTTON
	=================================================================== */

	/* BUTTON BASIC
	--------------------*/

	.s-btn-inner {
		display: block;
		margin: 0 0 20px;
	}

	.s-btn-inner.sp-m10 { margin: 0 0 10px; }
	.s-btn-inner.sp-m0 { margin: 0; }

	.s-btn-inner .s-btn {
		margin: 0 0 20px;
	}

	.s-btn-inner .s-btn:last-child {
		margin: 0;
	}

	.s-btn a,
	.s-btn button {
		max-width: 100%;
	}

	.s-btn a i[class^=fa],
	.s-btn button i[class^=fa] {
		transition: none;
	}

	/* ===================================================================
	MORE BUTTON
	=================================================================== */

	/* MORE BUTTON BASIC
	--------------------*/

	.s-more-btn a {
		max-width: 100%;
	}

	.s-more-btn a i[class^=fa] {
		transition: none;
	}

	/* ===================================================================
	IMG CONTENT
	=================================================================== */

	/* IMG CONTENT BASIC
	--------------------*/

	.s-img-cont ul li {
		transition: none;
	}

	.s-img-cont:not(.vertical) ul li a {
		display: flex;
		justify-content: space-between;
	}

	.s-img-cont:not(.vertical) ul li .imgbox {
		width: 48%;
	}

	.s-img-cont:not(.vertical) ul li .textbox {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 52%;
		margin: 0;
		padding: 10px;
	}

	/* IMG CONTENT　PC：1列　横型　SP：1列　横型
	--------------------*/

	.s-img-cont.split1.horizontal ul li .imgbox {
		width: 48%;
	}

	.s-img-cont.split1.horizontal ul li .textbox {
		width: 52%;
	}

	/* IMG CONTENT　PC：1列　縦型　SP：1列　横型
	/* IMG CONTENT　PC：2列　縦型　SP：1列　横型
	/* IMG CONTENT　PC：3列　縦型　SP：1列　横型
	/* IMG CONTENT　PC：4列　縦型　SP：1列　横型
	--------------------*/

	.s-img-cont.split1 ul li,
	.s-img-cont.split2 ul li:nth-child(2n+1),
	.s-img-cont.split2 ul li:nth-child(2n+2),
	.s-img-cont.split3 ul li:nth-child(3n+1),
	.s-img-cont.split3 ul li:nth-child(3n+2),
	.s-img-cont.split3 ul li:nth-child(3n+3),
	.s-img-cont.split4 ul li:nth-child(4n+1),
	.s-img-cont.split4 ul li:nth-child(4n+2),
	.s-img-cont.split4 ul li:nth-child(4n+3),
	.s-img-cont.split4 ul li:nth-child(4n+4) {
		width: 100%;
		margin: 0 0 10px;
	}

	/* ===================================================================
	TITLE CONTENT
	=================================================================== */

	/* TITLE CONTENT BASIC
	--------------------*/

	.s-title-cont ul {
		display: block;
	}

	.s-title-cont ul li,
	.s-title-cont ul li:nth-child(2n) {
		width: 100%;
		margin: 0 0 20px;
	}

	.s-title-cont ul li a {
		min-height: 56px;
		transition: none;
	}

	/* ===================================================================
	TOGGLE 1
	=================================================================== */

	/* TOGGLE 1 BASIC
	--------------------*/

	.s-toggle {
		margin: 0 0 20px;
	}

	.s-toggle-title {
		transition: none;
	}

	.s-toggle-title:before,
	.s-toggle-title:after {
		transition: none;
	}

	.s-toggle-detail {
		padding: 20px;
	}

	/* ===================================================================
	TOGGLE 2
	=================================================================== */

	/* TOGGLE 2 BASIC
	--------------------*/

	.s-content-toggle-title {
		position: relative;
		top: auto;
		right: auto;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		padding: 5px 50px 5px 20px;
		transition: none;
	}

	.s-content-toggle-title:before,
	.s-content-toggle-title:after {
		left: auto;
		right: 30px;
		transition: none;
	}

	.s-content-toggle-title:before {
		transform: translate(0, -50%) rotate(90deg);
	}

	.s-content-toggle-title:after {
		transform: translate(0, -50%);
	}

	.s-content-toggle-summary {
		margin: 0 0 17.5px;
	}

	.s-content-toggle-detail {
		padding: 20px 0 0;
	}

	/* ===================================================================
	IMAGE
	=================================================================== */

	/* IMAGE WIDTH PC
	--------------------*/

	.s-img.pc-w5, .s-img.pc-w10, .s-img.pc-w15 { width: 25%; }
	.s-img.pc-w20, .s-img.pc-w25, .s-img.pc-w30 { width: 50%; }

	.s-img.pc-w35, .s-img.pc-w40,
	.s-img.pc-w45, .s-img.pc-w50,
	.s-img.pc-w55, .s-img.pc-w60,
	.s-img.pc-w65, .s-img.pc-w70,
	.s-img.pc-w75, .s-img.pc-w80,
	.s-img.pc-w85, .s-img.pc-w90,
	.s-img.pc-w95, .s-img.pc-w100 { width: 100%; }

	/* IMAGE WIDTH
	--------------------*/

	.s-img.sp-w5 { width: 5%; }
	.s-img.sp-w10 { width: 10%; }
	.s-img.sp-w15 { width: 15%; }
	.s-img.sp-w20 { width: 20%; }
	.s-img.sp-w25 { width: 25%; }
	.s-img.sp-w30 { width: 30%; }
	.s-img.sp-w35 { width: 35%; }
	.s-img.sp-w40 { width: 40%; }
	.s-img.sp-w45 { width: 45%; }
	.s-img.sp-w50 { width: 50%; }
	.s-img.sp-w55 { width: 55%; }
	.s-img.sp-w60 { width: 60%; }
	.s-img.sp-w65 { width: 65%; }
	.s-img.sp-w70 { width: 70%; }
	.s-img.sp-w75 { width: 75%; }
	.s-img.sp-w80 { width: 80%; }
	.s-img.sp-w85 { width: 85%; }
	.s-img.sp-w90 { width: 90%; }
	.s-img.sp-w95 { width: 95%; }
	.s-img.sp-w100 { width: 100%; }

	/* IMAGE MARGIN
	--------------------*/

	.s-img.sp-m10 { margin: 0 auto 10px; }
	.s-img.sp-m20 { margin: 0 auto 20px; }
	.s-img.sp-m30 { margin: 0 auto 30px; }
	.s-img.sp-m40 { margin: 0 auto 40px; }
	.s-img.sp-m50 { margin: 0 auto 50px; }
	.s-img.sp-m60 { margin: 0 auto 60px; }
	.s-img.sp-m70 { margin: 0 auto 70px; }
	.s-img.sp-m80 { margin: 0 auto 80px; }
	.s-img.sp-m90 { margin: 0 auto 90px; }
	.s-img.sp-m100 { margin: 0 auto 100px; }

	/* ===================================================================
	IFRAME
	=================================================================== */

	/* IFRAME BASIC
	--------------------*/

	.s-iframe,
	.s-iframe.pc-w50 {
		width: 100%;
		margin: 0 auto 20px;
	}

	/* ===================================================================
	TABLE
	=================================================================== */

	/* TABLE WIDTH
	--------------------*/

	.s-table table tr th.sp-w1, .s-table table tr td.sp-w1	{width: 1%;}
	.s-table table tr th.sp-w2, .s-table table tr td.sp-w2	{width: 2%;}
	.s-table table tr th.sp-w3, .s-table table tr td.sp-w3	{width: 3%;}
	.s-table table tr th.sp-w4, .s-table table tr td.sp-w4	{width: 4%;}
	.s-table table tr th.sp-w5, .s-table table tr td.sp-w5	{width: 5%;}

	.s-table table tr th.sp-w6, .s-table table tr td.sp-w6	{width: 6%;}
	.s-table table tr th.sp-w7, .s-table table tr td.sp-w7	{width: 7%;}
	.s-table table tr th.sp-w8, .s-table table tr td.sp-w8	{width: 8%;}
	.s-table table tr th.sp-w9, .s-table table tr td.sp-w9	{width: 9%;}
	.s-table table tr th.sp-w10, .s-table table tr td.sp-w10 {width: 10%;}

	.s-table table tr th.sp-w11, .s-table table tr td.sp-w11 {width: 11%;}
	.s-table table tr th.sp-w12, .s-table table tr td.sp-w12 {width: 12%;}
	.s-table table tr th.sp-w13, .s-table table tr td.sp-w13 {width: 13%;}
	.s-table table tr th.sp-w14, .s-table table tr td.sp-w14 {width: 14%;}
	.s-table table tr th.sp-w15, .s-table table tr td.sp-w15 {width: 15%;}

	.s-table table tr th.sp-w16, .s-table table tr td.sp-w16 {width: 16%;}
	.s-table table tr th.sp-w17, .s-table table tr td.sp-w17 {width: 17%;}
	.s-table table tr th.sp-w18, .s-table table tr td.sp-w18 {width: 18%;}
	.s-table table tr th.sp-w19, .s-table table tr td.sp-w19 {width: 19%;}
	.s-table table tr th.sp-w20, .s-table table tr td.sp-w20 {width: 20%;}

	.s-table table tr th.sp-w21, .s-table table tr td.sp-w21 {width: 21%;}
	.s-table table tr th.sp-w22, .s-table table tr td.sp-w22 {width: 22%;}
	.s-table table tr th.sp-w23, .s-table table tr td.sp-w23 {width: 23%;}
	.s-table table tr th.sp-w24, .s-table table tr td.sp-w24 {width: 24%;}
	.s-table table tr th.sp-w25, .s-table table tr td.sp-w25 {width: 25%;}

	.s-table table tr th.sp-w26, .s-table table tr td.sp-w26 {width: 26%;}
	.s-table table tr th.sp-w27, .s-table table tr td.sp-w27 {width: 27%;}
	.s-table table tr th.sp-w28, .s-table table tr td.sp-w28 {width: 28%;}
	.s-table table tr th.sp-w29, .s-table table tr td.sp-w29 {width: 29%;}
	.s-table table tr th.sp-w30, .s-table table tr td.sp-w30 {width: 30%;}

	.s-table table tr th.sp-w31, .s-table table tr td.sp-w31 {width: 31%;}
	.s-table table tr th.sp-w32, .s-table table tr td.sp-w32 {width: 32%;}
	.s-table table tr th.sp-w33, .s-table table tr td.sp-w33 {width: calc(100% / 3);}
	.s-table table tr th.sp-w34, .s-table table tr td.sp-w34 {width: 34%;}
	.s-table table tr th.sp-w35, .s-table table tr td.sp-w35 {width: 35%;}

	.s-table table tr th.sp-w36, .s-table table tr td.sp-w36 {width: 36%;}
	.s-table table tr th.sp-w37, .s-table table tr td.sp-w37 {width: 37%;}
	.s-table table tr th.sp-w38, .s-table table tr td.sp-w38 {width: 38%;}
	.s-table table tr th.sp-w39, .s-table table tr td.sp-w39 {width: 39%;}
	.s-table table tr th.sp-w40, .s-table table tr td.sp-w40 {width: 40%;}

	.s-table table tr th.sp-w41, .s-table table tr td.sp-w41 {width: 41%;}
	.s-table table tr th.sp-w42, .s-table table tr td.sp-w42 {width: 42%;}
	.s-table table tr th.sp-w43, .s-table table tr td.sp-w43 {width: 43%;}
	.s-table table tr th.sp-w44, .s-table table tr td.sp-w44 {width: 44%;}
	.s-table table tr th.sp-w45, .s-table table tr td.sp-w45 {width: 45%;}

	.s-table table tr th.sp-w46, .s-table table tr td.sp-w46 {width: 46%;}
	.s-table table tr th.sp-w47, .s-table table tr td.sp-w47 {width: 47%;}
	.s-table table tr th.sp-w48, .s-table table tr td.sp-w48 {width: 48%;}
	.s-table table tr th.sp-w49, .s-table table tr td.sp-w49 {width: 49%;}
	.s-table table tr th.sp-w50, .s-table table tr td.sp-w50 {width: 50%;}

	.s-table table tr th.sp-w51, .s-table table tr td.sp-w51 {width: 51%;}
	.s-table table tr th.sp-w52, .s-table table tr td.sp-w52 {width: 52%;}
	.s-table table tr th.sp-w53, .s-table table tr td.sp-w53 {width: 53%;}
	.s-table table tr th.sp-w54, .s-table table tr td.sp-w54 {width: 54%;}
	.s-table table tr th.sp-w55, .s-table table tr td.sp-w55 {width: 55%;}

	.s-table table tr th.sp-w56, .s-table table tr td.sp-w56 {width: 56%;}
	.s-table table tr th.sp-w57, .s-table table tr td.sp-w57 {width: 57%;}
	.s-table table tr th.sp-w58, .s-table table tr td.sp-w58 {width: 58%;}
	.s-table table tr th.sp-w59, .s-table table tr td.sp-w59 {width: 59%;}
	.s-table table tr th.sp-w60, .s-table table tr td.sp-w60 {width: 60%;}

	.s-table table tr th.sp-w61, .s-table table tr td.sp-w61 {width: 61%;}
	.s-table table tr th.sp-w62, .s-table table tr td.sp-w62 {width: 62%;}
	.s-table table tr th.sp-w63, .s-table table tr td.sp-w63 {width: 63%;}
	.s-table table tr th.sp-w64, .s-table table tr td.sp-w64 {width: 64%;}
	.s-table table tr th.sp-w65, .s-table table tr td.sp-w65 {width: 65%;}

	.s-table table tr th.sp-w66, .s-table table tr td.sp-w66 {width: 66%;}
	.s-table table tr th.sp-w67, .s-table table tr td.sp-w67 {width: 67%;}
	.s-table table tr th.sp-w68, .s-table table tr td.sp-w68 {width: 68%;}
	.s-table table tr th.sp-w69, .s-table table tr td.sp-w69 {width: 69%;}
	.s-table table tr th.sp-w70, .s-table table tr td.sp-w70 {width: 70%;}

	.s-table table tr th.sp-w71, .s-table table tr td.sp-w71 {width: 71%;}
	.s-table table tr th.sp-w72, .s-table table tr td.sp-w72 {width: 72%;}
	.s-table table tr th.sp-w73, .s-table table tr td.sp-w73 {width: 73%;}
	.s-table table tr th.sp-w74, .s-table table tr td.sp-w74 {width: 74%;}
	.s-table table tr th.sp-w75, .s-table table tr td.sp-w75 {width: 75%;}

	.s-table table tr th.sp-w76, .s-table table tr td.sp-w76 {width: 76%;}
	.s-table table tr th.sp-w77, .s-table table tr td.sp-w77 {width: 77%;}
	.s-table table tr th.sp-w78, .s-table table tr td.sp-w78 {width: 78%;}
	.s-table table tr th.sp-w79, .s-table table tr td.sp-w79 {width: 79%;}
	.s-table table tr th.sp-w80, .s-table table tr td.sp-w80 {width: 80%;}

	.s-table table tr th.sp-w81, .s-table table tr td.sp-w81 {width: 81%;}
	.s-table table tr th.sp-w82, .s-table table tr td.sp-w82 {width: 82%;}
	.s-table table tr th.sp-w83, .s-table table tr td.sp-w83 {width: 83%;}
	.s-table table tr th.sp-w84, .s-table table tr td.sp-w84 {width: 84%;}
	.s-table table tr th.sp-w85, .s-table table tr td.sp-w85 {width: 85%;}

	.s-table table tr th.sp-w86, .s-table table tr td.sp-w86 {width: 86%;}
	.s-table table tr th.sp-w87, .s-table table tr td.sp-w87 {width: 87%;}
	.s-table table tr th.sp-w88, .s-table table tr td.sp-w88 {width: 88%;}
	.s-table table tr th.sp-w89, .s-table table tr td.sp-w89 {width: 89%;}
	.s-table table tr th.sp-w90, .s-table table tr td.sp-w90 {width: 90%;}

	.s-table table tr th.sp-w91, .s-table table tr td.sp-w91 {width: 91%;}
	.s-table table tr th.sp-w92, .s-table table tr td.sp-w92 {width: 92%;}
	.s-table table tr th.sp-w93, .s-table table tr td.sp-w93 {width: 93%;}
	.s-table table tr th.sp-w94, .s-table table tr td.sp-w94 {width: 94%;}
	.s-table table tr th.sp-w95, .s-table table tr td.sp-w95 {width: 95%;}

	.s-table table tr th.sp-w96, .s-table table tr td.sp-w96 {width: 96%;}
	.s-table table tr th.sp-w97, .s-table table tr td.sp-w97 {width: 97%;}
	.s-table table tr th.sp-w98, .s-table table tr td.sp-w98 {width: 98%;}
	.s-table table tr th.sp-w99, .s-table table tr td.sp-w99 {width: 99%;}
	.s-table table tr th.sp-w100, .s-table table tr td.sp-w100 {width: 100%;}


	/* ===================================================================
	COLUMN
	=================================================================== */

	/* COLUMN BASIC
	--------------------*/

	.s-column {
		margin: 0 0 20px;
	}

	/* ===================================================================
	SEARCH CONTENT
	=================================================================== */

	/* SEARCH CONTENT BASIC
	--------------------*/

	.s-search-content {
		padding: 0;
	}

	/* SEARCH CONTENT UPPER
	--------------------*/

	.s-search-upper {
		margin: 0 0 10px;
	}

	.s-search-input input[type=search] {
		transition: none;
	}

	.s-search-submit {
		transition: none;
	}
	
	.s-search-submit i[class^=fa] {
		transition: none;
	}
	
	/* SEARCH CONTENT LOWER
	--------------------*/
	
	.s-search-btn-inner,
	.s-search-btn-inner:last-child {
		display: block;
		margin: 0;
	}
	
	.s-search-btn,
	.s-search-btn a {
		max-width: none;
	}

	.s-search-btn {
		margin: 0 0 10px;
	}

	.s-search-btn-inner:last-child .s-search-btn:last-child {
		margin: 0;
	}

	.s-search-btn a {
		transition: none;
	}

	/* ===================================================================
	SPEECH
	=================================================================== */

	/* SPEECH AREA
	--------------------*/

	.s-speech-area {
		display: block;
	}

	/* SPEECH BASIC
	--------------------*/

	.s-speech-btn-list {
		margin: 0 0 20px;
	}

	.s-speech-btn-list ul li {
		margin: 0 calc(4% / 8);
	}

	.s-speech-btn-list ul li.start { width: calc(96% * (128 / 364)); }
	.s-speech-btn-list ul li.pause { width: calc(96% * (69 / 364)); }
	.s-speech-btn-list ul li.resume { width: calc(96% * (69 / 364)); }
	.s-speech-btn-list ul li.cancel { width: calc(96% * (98 / 364)); }

	/* ===================================================================
	EDITOR
	=================================================================== */

	/* EDITOR TABLE
	--------------------*/

	#detail_body > table:not([class]) tr:has(th:nth-of-type(1):last-of-type):has(td:nth-of-type(1):last-of-type) th {
		width: 35%;
	}

	#detail_body > table:not([class]) tr:has(th:nth-of-type(1):last-of-type):has(td:nth-of-type(1):last-of-type) td {
		width: 65%;
	}

}