.title.line {
    position		: relative;
    margin-bottom	: 1.0em;
    padding-top		: 1.5em;
    text-align		: center;
}
.title {
    position		: relative;
    margin-bottom	: 0.7em;
    padding-top		: 2.2em;
    font-size		: 2rem;
    line-height		: 1.3;
    font-weight		: bold;
    letter-spacing	: -0.02em;
}		

.title.line:before {
    content			: '';
    position		: absolute;
    bottom			: -0.5em;
    display			: inline-block;
    width			: 28px;
    height			: 2px;
    left			: 50%;
    transform		: translateX(-50%);
    background-color: #de0a20;
}

.center {
    margin-bottom	: 1.4em;
    line-height		: 1.875;
    word-break		: break-all;
}
.p-margin-top {
    margin-top		: 1.4em;
}

.btn-group {
    padding-bottom	: 4em;
}
.btn-group .btn {
    margin-right	: .8em;
    margin-left		: .8em;
    max-width		: 340px;
}
.btn-pill {
    background		: #de0a20;
    color			: #fff;
    border-radius	: 100px;
}
.btn {
    display			: inline-block;
    position		: relative;
    margin-bottom	: 1.8em;
    padding			: 0.5em;
    width			: 414px;
    text-align		: center;
    line-height		: 1.15;
    font-size		: 1.1rem;
}
a {
    text-decoration	: none;
    color			: #de0a20;
    -webkit-transition
    				: all 0.3s ease;
    transition		: all 0.3s ease;
}

a:hover{
	color:#fff;
	text-decoration:underline;
}
.btn:hover {
	background: #F98688;
	text-decoration: none;
}

.line-box-dllgi {
    border			: 1px #DCDCDC solid;
    padding			: 1em;
    margin-left		: 5em;
    margin-right	: 5em;
}

.box {
	width: 80%;
	height: 300px;
	border: 1px solid #cccccc;
	overflow-y: scroll;          /* 縦方向にスクロール可能にする */
}

.box-div-title  {
	margin-bottom	: 1.6em;
	text-align		: center;
	font-size		: 1.2rem;
	font-weight		: bold;
}

.ul-dot, .ol-num, .ol-brackets {
	list-style: none;
}
.ul-dot2 {
	padding-left: 24px;
}
.li-dot {
	position: relative;
	padding-left: 24px;
}
.li-dot:before {
	content: "・";
	left: 0;
	position: absolute;
}

.li-num {
	list-style-type: none;
	counter-increment: cnt;
	padding-top: 1.0em;
	font-weight: bold;
}
.li-num:before {
	content: counter(cnt)". ";
}

.li-brackets {
	position: relative;
	padding-left: 36px;
	
	list-style-type: none;
	counter-increment: cnt-b;
}
.li-brackets:before {
	left: 0;
	position: absolute;

	content: "("counter(cnt-b)")　";
}


ruby[data-ruby] rt {
	display: none;
}

ruby[data-ruby] {
	position: relative;
	display: inline-block;
}
 
ruby[data-ruby]::after {
	content			: attr(data-ruby);
	position		: absolute;
	transform		: translate(-50%, -1.7em);
	display			: block;
	left			: 50%;
	top				: 0;
	white-space		: nowrap;
	font-size		: 100%;
	letter-spacing	: 0;
}
ruby[data-ruby2]::before  {
	content			: attr(data-ruby2) "\A" attr(data-ruby3);
	position		: absolute;
	transform		: translate(-50%, 2.5em);
	display			: block;
	left			: 50%;
	top				: 0;
	/*white-space		: nowrap;*/
	white-space		: pre;
	font-size		: 100%;
	letter-spacing	: 0;
}