@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
SCENARIO
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

section.page-scenario div.section-inner-center {
	border-top:#000 1px solid;
	padding-top:60px;
	padding-bottom:20px;
}

section.page-scenario .start {
	border-top:none !important;
	padding-top:0 !important;
}

.page-scenario .switch-image {
	float: right;
	margin: 0 0 20px 3%;
	text-align: center;
}

.page-scenario figcaption {
	margin-top: 10px;
	font-weight: 700;
}

.page-scenario .name {
	font-size: 2.4rem;
}

.title-ab {
}
.title-ab-sub {
	font-size: 2.6rem;
	color:#d92127;
}

.list-ab {
	list-style:disc inside;
	font-size: 2rem;
	line-height:1.8;
}
.list-ab li{
	margin-left: 1.4em;
	text-indent: -1.4em;
}

.dl-ab {
	margin-bottom: 20px;
}
.dl-ab dt{
	font-size:2.6rem;
	font-weight:bold;
	display: flex;
	margin-bottom: 20px;
	text-align: left;
	align-items: center;
}
.dl-ab dt:before {
	width: 12px;
	height: 12px;
	margin-right: 12px;
	border: 6px solid #d92127;
	border-radius: 50%;
	content: "";
}
.ring-ja {
	margin-right: 10px;
}
.dl-ab dd{
	font-size: 1.8rem;
	line-height:1.6;
	margin:0 0 2em 2em;
}

.dl-ab02 {
	margin-bottom: 20px;
}
.dl-ab02 dt{
	font-size:2.4rem;
	display: flex;
	margin-bottom: 20px;
	text-align: left;
	align-items: center;
}
.dl-ab02 dt:before {
/*
	width: 12px;
	height: 12px;
*/
	margin-right: 12px;
	content: "\025c6";
}
.dl-ab02 dd{
	font-size: 1.8rem;
	line-height:1.6;
	margin:0 0 2em 2em;
}


.page-scenario .copy-heading .newline {
	display: table;
}

.page-scenario .image {
	margin-top: 20px;
}


@media screen\0 {
.page-news-sns-twitter {
	display: none;
}
}

@media screen and (min-width: 768px) {

.page-scenario .copy-heading .newline {
	margin-left: auto;
}

.page-scenario .image {
	float: left;
	margin: 10px 4.3% 30px 0;
}

.page-scenario .position {
	margin-right: 20px;
}
}


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

.page-scenario .flex {
	display: flex;
	flex-flow: column-reverse;
	align-items: center;
}

.page-scenario .paragraph {
	max-width: 100%;
}

.page-scenario .more {
	margin-left: auto;
}
}

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

}