@charset "UTF-8";

/* =======================================================================
CSSの名前：style.css
--------------------------------------------------------------------------
1.ext共通
2.プライバシーポリシー
3.サイトマップ
======================================================================= */

/* =================================================================
1.ext共通
=================================================================*/
/*  テキスト類余白
-------------------------------------------------------------*/
main h2 + p{text-align: left;}
main h3{margin-bottom: 10px;}
main p{margin-bottom: 20px;}
main ul{margin-bottom: 20px;}
main table{margin-bottom: 20px;}
main .box{margin-bottom: 40px; margin-top: -80px; padding-top: 80px;}

/* =================================================================
2.プライバシーポリシー
=================================================================*/
.privacy .info{text-align: right;}

/* =================================================================
3.サイトマップ
=================================================================*/
.site-map ul{margin-bottom: 60px;}

/* =================================================================
追加CSS
=================================================================*/

/* FAQ よくある質問 */

.faq {
	width: 100%;
}

.faq > p {
padding: 1em 0;
}

.faq .questions section {
	background-color: #ffffff;
}

.faq .questions section h3 {
	padding: 0 .5em .5em;
	position: relative;
	border-bottom: 2px solid #1D8BD9;
}

.faq .questions section ul {
	list-style: none;
	padding: 1em 1.5em;
}
.faq .questions section ul li + li {
	margin-top: 0.5em;
}

.faq .answers section {
	margin-top: 2em;
}

.faq .answers section h3 {
	padding: 0 .5em .5em;
	position: relative;
	border-bottom: 2px solid #1D8BD9;
}

.qanda-item::before {
    content: '';
    display: block;
    height: 70px;
    margin-top: -70px;
    visibility: hidden;
}
.qanda-list dt,
.qanda-list dd {
	position: relative;
	min-height: 1.5em;
	box-sizing: border-box;
}
.qanda-list dt {
	margin: 1em 0 0;
	padding: 1em;
	border-top: 1px solid #E0DFE3;
	border-bottom: 1px solid #E0DFE3;
	background: #eee;
	font-weight: bold;
}
.qanda-list dd {
	padding: 1em;
	border-bottom: 1px solid #E0DFE3;
}
.qanda-list dt:before,
.qanda-list dd:before {
	width: 2em;
	height: 1em;
	color: #1D8BD9;
	line-height: 1em;
}
.qanda-list dt:before {
	content: "Q. ";
}
.qanda-list dd:before {
	content: "A. ";
	font-weight: bold;
}

/* ご利用ガイド */

.guide ul li::before {
	content: '・';
}

.guide table {
	width: fit-content;
	max-width: 80%;
	margin: 0 0 20px;
	border-color: #ccc;
}
.guide table th,
.guide table td {
	width: fit-content;
	border-color: #ccc;
}

/* フリーランキング */

.item-list .title-ranking .title-text h2 {
	font-size: 50px;
}

.free-ranking .box {
	padding-top: 0;
}

.item-rank {
	width: fit-content;
	margin: 0 auto;
	padding: .3em 1em;
	background: #1D8BD9;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.ranking-desc {
	margin-bottom: 80px;
	padding: 0 10px;
	text-align: center;
}