@charset "utf-8";

#topimg{
	background-image: url(/knowledge/img/topimg.jpg);
}
#topics{
	margin-top: 10px;
}
#topics a{
	color: #333;
	text-decoration: none;
}
#topics h2{
	margin: 0;
	font-size: 1.5rem;
	text-align: center;
	line-height: 1.6em;
	background: none;
}
.tp-inner{
	height: 150px;
	margin-top: 30px;
	border: 1px solid #999;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#tp1{
	background: url(/img/home/bg_tp1.png) 0 0 no-repeat;
}
#tp1 h2 span{
	padding-bottom: 0.15em;
	border-bottom: 2px solid #E68DFF;
}
#tp2{
	background: url(/img/home/bg_tp2.png) 0 0 no-repeat;
}
#tp2 h2 span{
	padding-bottom: 0.15em;
	border-bottom: 2px solid #7390FF;
}
#tp3{
	background: url(/img/home/bg_tp3.png) 0 0 no-repeat;
}
#tp3 h2 span{
	padding-bottom: 0.15em;
	border-bottom: 2px solid #2EDEFF;
}
h2{
	margin: 1.75em 0 1.5em;
	padding: 0.75em 0;
	text-align: center;
	background: url(/img/bar.gif) center bottom no-repeat;
}
h3{
	margin-top: 2em;
	padding: 0.5em 0;
	font-size: 1.4rem;
	font-weight: bold;
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
}
h4{
	margin-top: 2em;
	padding: 0.5em 0;
	font-size: 1.4rem;
	font-weight: bold;
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
}


/* Tab Menu
************************************/

#tabmenu{
	width: 100%;
	margin-top: 20px;
	padding: 0 7px;
	border-bottom: 1px solid #CCC;
	table-layout: fixed;
	flex-direction: row;
}
#tabmenu div{
	margin: 0 5px;
	text-align: center;
	border-radius: 8px 8px 0 0;
	background-color: #EBEBEB;
}
#tabmenu div a{
	width: 100%;
	padding: 10px 8px 8px;
	color: #333;
	text-decoration: none;
	display: inline-block;
}
#tabmenu div a:hover,
#tabmenu div.current{
	padding: 10px 8px 8px;
	color: #FFF;
	border-radius: 8px 8px 0 0;
	background: linear-gradient(to right, #F7BAE2, #D33D90);
}
@media(max-width: 575.98px){
#tabmenu div{
	font-size: 0.8em;
}
}


/* Q&A Page
************************************/

.question{
	margin: 3em 5em 0 0;
	padding: 1.5em 1.5em 0.5em 80px;
	background: #FDF8B7 url(/knowledge/img/q.png) 15px center no-repeat;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.answer{
	margin: 1em 0 0 5em;
	padding: 1.5em 1.5em 0.5em 80px;
	background: #CCE8F9 url(/knowledge/img/a.png) 15px center no-repeat;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
@media(max-width: 767.98px){
.question{
	margin: 3em 2em 0 0;
}
.answer{
	margin: 1em 0 0 2em;
}
}


/* MM Page
************************************/

.c-mm{
	text-indent: -2em;
	padding-left: 2em;
}


/* BF Page
************************************/

.st-bf{
	width: 75%;
	padding: 0.4em 0.5em 0.3em;
	background: linear-gradient(to right, #EFA6CB, #FFF);
}
.ex-bf h4{
	color: #CC007A;
	text-align: center;
}
.ex-bf p{
	padding: 0 1em;
}