/* CSS Document */
* {
	box-sizing: border-box;
}
h1.campaign{
	background: #f59d21;
	color: #fff;
	margin: 20px;
	padding: 20px;
	line-height: 1.3;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	position: relative;
	overflow:hidden;
}

h1.campaign:before{
	position: absolute;
	display:block;
	top: -20px;
	left: 5px;
	content:"";
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	width: 3px;
	height: 50px;
	background: #fff;
}
h1.campaign:after{
	position: absolute;
	display:block;
	bottom: -20px;
	right: 5px;
	content:"";
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	width: 3px;
	height: 50px;
	background: #fff;
}

h2 {
	font-weight: normal;
	font-size: 13px;
	line-height: 1.3;
	padding: 10px 20px;
	background:#f6efef;
	margin: 0 0 -10px 0;
	text-align: center;
}
.qa {
	margin:20px 0;
}
.qa dt,
.qa dd {
	min-height: 20px;
	padding-left: 30px;
	position: relative;
	color: #333;
	font-weight: bold;
	line-height: 1.3;
}
.qa {
}
.qa dd + dt {
	margin-top: 20px;
}
.qa dd {
	margin-top: 10px;
	color: #585858;
	font-weight: normal;
}
.qa dt:before,
.qa dd:before {
	width: 20px;
	height: 20px;
	background: #e6160b;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
}
.qa dt:before {
	content: 'Q';
	background: #e6160b;
	color: #fff;
}
.qa dd:before {
	content: 'A';
	background: #f7d0d1;
	color: #5d5d5d;
}

.qa ul {
	list-style-type: '・';
	padding-left:1em;
}

.qa li {
	list-style-type: '・';
}

.qa ol {
	list-style-type: decimal;
	padding-left:2em;
}

.qa ol li {
	list-style-type: decimal;
}

.qa-ui-icon{
	margin: 0 0.2em;
	height: 1.5em;
	vertical-align: bottom;
}

.qa-icon-menu{
	margin: 0 0.2em;
	width: 1.5em;
	vertical-align: bottom;
}

.contentArea{
	padding: 20px;
}

.contentArea+.contentArea{
	padding-top: 0;
}
.contentArea.gray+.contentArea{
	padding-top: 20px;
}

.contentArea.gray{
	background:#eff2f6;
}

.contentArea.gray > h2{
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
}



/*ボックス全体*/
.accbox {
    margin: 0em 0em 1em 0em;
    padding: 0;
}

/*ラベル*/
.accbox label {
	font-weight: bold;
    display: block;
    margin: 1.5px 0;
    padding : 13px 20px 13px 20px;
    color: #333;
    background: #f6efef;
    cursor :pointer;
}

/*アイコンを表示*/
.accbox label:after {
	float: right;
    content: '\f054';
    font-family: "Font Awesome 5 Free";
}

/*ラベルホバー時*/


/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
.accshow > .contentArea {
	padding-top:0;
	padding-bottom:0;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px
}

/*アイコンを入れ替える*/
.cssacc:checked + label:after {
    content: '\f078';
}
.cssacc:checked + label {
	background:#f7d0d1;
}

/*GalaxySC-02H電話番号認識対策*/

.telNumBox{
	float:left;
	margin-right:0.5em;
}
.telNumClear{clear:left;}