@charset "utf-8";
/* CSS Document */

/*
----------------------------------------- Module */

/*********************** Common Page ***************************/

/* Category Index */
.sectionCatWrap {
	padding: 8% 4%;
}
/* Question Index */
.questionList {
	border-top: #0B4457 solid 1px;
	border-bottom: #0B4457 solid 1px;
}
.questionList__item {
	border-top: #A0B6BD solid 1px;
}
.questionList__item:first-child {
	border-top: none;
}
.questionList__item__link {
	display: flex;
	min-height: 69px;
	align-items: center;
	line-height: 1.6;
	font-size: 1.6rem;
	position: relative;
	color: #000;
	padding-left: 46px;
	width: 100%;
}
.questionList__item__link::before {
	content: "Q";
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background-color: #0B4457;
	text-align: center;
	color: #FFF;
	text-decoration: none;
}

/* Article Page */
.articleWrap {
	padding: 8% 4%;
}
.artictleHead {
	margin-bottom: 30px;
}
.fukidashiBox--right {
	padding-right: 112px;
	background: url(../images/common/chara_right01.png) no-repeat right center / 90px auto;
}
.fukidashiBox--left {
	padding-left: 112px;
	background: url(../images/common/chara_left01.png) no-repeat left center / 90px auto;
	margin-top: 20px
}
.fukidashi__right {
	min-height: 90px;
	border: #EEE solid 3px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding: 4%;
	line-height: 1.4;
	position: relative;
	background-color: #FFF;
}
.fukidashi__right::after {
	content: "";
	position: absolute;
	width: 15px;
	height: 14px;
	background: url(../images/common/fukidashi_rightparts.png) no-repeat center center/ 15px auto;
	top: 50%;
	right: -15px;
	transform: translateY(-50%);
}
.fukidashi__left {
	min-height: 90px;
	border: #EEE solid 3px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding: 4%;
	line-height: 1.4;
	position: relative;
	background-color: #FFF;
	color: #F00;
	font-weight: bold;
}
.fukidashi__left::before {
	content: "";
	position: absolute;
	width: 15px;
	height: 14px;
	background: url(../images/common/fukidashi_leftparts.png) no-repeat center center/ 15px auto;
	top: 50%;
	left: -15px;
	transform: translateY(-50%);
}
.kvBox {
	margin: 0 -4.3% 6%;
	padding: 8% 4%;
	background-color: #FFF;
	text-align: center;
}
.articleInnerBox {
	margin: 6% 0;
	padding: 6%;
	background-color: #FFF;
}
.artictleFoot {
	margin-top: 30px;
}
.artictleFoot__btnBox01 {
	display: flex;
	justify-content: space-between;
}
.artictleFoot__btnBox01--firstPage {
	justify-content:  flex-end;
}
.artictleFoot__btnBox02 {
	margin-top: 30px;
}
.artictleFoot__btnBox01__item {
	text-align: center;
	margin-top: 20px;
}


/********* Box Model *********/



/* 2Column */

/*********************** Headline ***************************/
/* Headline Lv1 */
.hlLv01 {
	/*font-size: 2.3rem;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: #CCCCCC dotted 1px;
	line-height: 1.2;*/
}

.hlLv01--cat {
	background: #0B4457 url(../images/common/bg_title.png) no-repeat right 100% / 82px auto;
	min-height: 75px;
	line-height: 1.4;
	padding: 0 84px 0 4%;
	font-size: 1.6rem;
	font-weight: bold;
	color: #FFF;
	display: flex;
	align-items: center;
}
.hlLv02 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #000;
	margin-bottom: 20px;
	line-height: 1.4;
}

/*********************** Text ***************************/
/* Text01 */
.modTxt01 {
	font-size: 1.6rem;
	line-height: 1.8;
	margin-bottom: 1.5em;
}

/* Text02 */
.modTxt02 {
	font-size: 1.4rem;
	line-height: 1.8;
}


/*********************** Botton ***************************/
/* Botton 01 */
.articleBtn01 {
	line-height: 1.4;
	display: inline-block;
	background-color: #0B4457;
	padding: 10px 15px;
	color: #FFF;
	font-size: 1.4rem;
	text-decoration: none;
	text-align: center;
	border-radius: 20px;
}
.articleBtn01--prev::before {
	content: "";
	background: url(../images/common/arrow_prev.png) no-repeat center center / 7px auto;
	width: 7px;
	height: 14px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
.articleBtn01--next::after {
	content: "";
	background: url(../images/common/arrow_next.png) no-repeat center center / 7px auto;
	width: 7px;
	height: 14px;
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}
.articleBtn01--list::after {
	content: "";
	background: url(../images/common/arrow_list.png) no-repeat center center / 14px auto;
	width: 14px;
	height: 7px;
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}