.test {
	color: aqua !important;
}
/*参考サイト
https://ai-create.net/magazine/2017/06/19/uikit3%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%8B%E3%82%89%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%81%BE%E3%81%A7/*/

/*背景　
.uk-sectionのあとに記述
白
.uk-section-default
グレー
.uk-section-muted
*/

.uk-text-meta {
	font-size: 1rem!important;
	color: #222!important;
}

.text-b {
	font-weight: 600;
}

.text-navy {
	color: #1B274E;
}

.text-orange {
	color: #FF7727!important;
}

.text-gray {
	color: #333;
}

.bg-gray {
	background-color: #777;
	color: #fff;
}

.text-s10 {
	font-size: 1.0rem;
}

.indent {
	text-indent: -2.5em;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.inline {
	display: inline!important;
}


.inline-b {
	display: inline-block!important;
}

.rank-list li span {
	font-size: x-large;
    line-height: normal;
}

.btn {
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.2;
	color: #fff!important;
	background-color:darkblue;
	margin: 30px 0px 0 0;
	padding: 8px 15px 9px 25px;
	vertical-align: baseline!important;
	text-align: center!important;
}
/*スマホ用*/
@media screen and (max-width: 640px) {
	.btn {
		font-size: 1rem!important;
	}
}
.btn:hover {
    cursor: pointer;    
}
.btn:active {
	background:#5E87FF;
}

.text-s13 {
	font-size: 1.3rem;
}

.text-b {
	font-weight: 600;
}

@media screen and (max-width: 640px) {
/* 640pxまでの幅の場合に適応される */
	
	.uk-container p, .uk-container span {
		font-size: 1.0rem;
	}
}

/*小見出し*/
.head-s {
	padding: 0;
	margin-bottom: 50px;
	text-align: center!important;
}
.head-s span{
	font-size: 1.8rem;
	color: #1B274E;
	font-weight: 600;
	padding: 10px 5px 0;
	border-bottom: 2px solid #00153e;
	vertical-align: baseline!important;
}
/*スマホ用*/
@media screen and (max-width: 640px) {
	.head-s {
		margin-bottom: 30px;
	}
	.head-s span{
		font-size: 1.4rem;
	}
}

/*大見出し*/
.head-b {
	font-size: 2.5rem;
	line-height: 1.4;
	color: #1B274E;
	margin: 30px auto;
	text-align: center!important;
	vertical-align: baseline!important;
}
/*スマホ用*/
@media screen and (max-width: 640px) {
	.head-b {
		font-size: 1.6rem;
	}
	.head-b span{
		font-size: 1.6rem!important;
	}
}


/*詳細ボタン*/
.detail-btn {
	padding: 0;
	text-align: center!important;
}
.detail-btn a{
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1.2;
	color: #fff;
	background-color: #b20000;
	margin: 50px auto 35px;
	padding: 20px 40px 15px 45px;
	border-bottom: 5px solid #770002;
	vertical-align: baseline!important;
}
/*スマホ用*/
@media screen and (max-width: 640px) {
	.detail-btn a{
		margin: 10px auto 30px;
		padding: 15px 40px 15px 45px;
	}
	.detail-btn span{
		font-size: 1.4rem;
	}
}

/*詳細文字リンク*/
.detail-link {
	padding: 0;
	margin-bottom: 50px;
	text-align: center!important;
}
.detail-link a{
	display: inline-block;
	font-size: 1.0rem;
	color: #1B274E;
	padding: 0 5px;
	border-bottom: 1px solid #00153e;
	vertical-align: baseline!important;
}
.detail-link a span{
	font-weight: 600;
}
/*スマホ用*/
@media screen and (max-width: 640px) {
	
}


/*背景付きの見出し*/
.head-bg {
	background-color: #00153e;
}
.head-bg h2{
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2.0;
	color: #fff;
}
/*スマホ用*/
@media screen and (max-width: 640px) {
	.head-bg {
		background-color: #00153e;
	}
	.head-bg h2{
		font-size: 1.3rem;
		font-weight: 600;
		line-height: 1.6;
		color: #fff;
	}
}

/*赤いbgのcaseのやつ*/
.case-red {
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1.2;
	color: #fff;
	background-color: #b20200;
	margin: -20px 0 20px -20px;
	padding: 10px 20px 5px 20px;
	vertical-align: baseline!important;
	text-align: center!important;
}
/*スマホ用*/
@media screen and (max-width: 640px) {
	.case-red {
		font-size: 1.4rem;
	}
}

/*下層ページのファーストビュー*/


@media screen and (min-width: 641px) {
	.bg-img-top {
		background: url(/assets/images/about/ddf_about1_bg.png) #000b0c no-repeat right bottom;
		background-size: cover;
		color: #fff;
	}
}
@media screen and (max-width: 640px) {
	.bg-img-top {
		background: url(/assets/images/ddf_bg2_sp.png) #000b0c no-repeat left bottom;
		background-size: cover;
		color: #fff;
	}
}
.bg-img-top div h1 span{
	color: #fff;
	border-color: #fff;
}
.bg-img-top div h1{
	color: #fff;
}



@media screen and (min-width: 641px) {
	.bg-img-top-co {
	background: url(/assets/images/about/ddf_about1_bg.png) #000b0c no-repeat left center;
	background-size: cover;
	color: #fff;
}
}
@media screen and (max-width: 640px) {
	.bg-img-top-co {
		background: url(/assets/images/ddf_bg2_sp.png) #000b0c no-repeat left bottom;
		background-size: cover;
		color: #fff;
	}
}

.bg-img-top-co div h1 span{
	color: #fff;
	border-color: #fff;
}
.bg-img-top-co div h1{
	color: #fff;
}
@media screen and (min-width: 641px) {
	.bg-img-top2 {
		background: url(/assets/images/ddf_bg2.png) #000b0c no-repeat left center;
		background-size: cover;
		color: #fff;
	}
}
@media screen and (max-width: 640px) {
	.bg-img-top2 {
		background: url(/assets/images/ddf_bg2_sp.png) #000b0c no-repeat left bottom;
		background-size: cover;
		color: #fff;
	}
}
.bg-img-top2 div h1 span{
	color: #fff;
	border-color: #fff;
}
.bg-img-top2 div h1{
	color: #fff;
}