﻿@charset "utf-8";

/* List Item Settings
------------------------------------------*/
.borderTxtBox {
    border: 6px solid #ebebeb;
    margin: 0 0 40px;
    padding: 16px 20px;
}

.keyvisual--common-01 {
   		 background-image: url(/m/cmn_files/img/member-page/support/notice/keyvisual.jpg);
	}

@media screen and (max-width: 768px){
	.keyvisual--common-01 {
    	 background-image: url(/m/cmn_files/img/member-page/support/notice/keyvisual-sp.jpg);
	}
	.borderTxtBox{
		display:-webkit-box;
	  	display:-ms-flexbox;
	  	display:flex;
	 }
}
.listNormal,
.listCaution,
.floatItem {
	clear: both;
    margin: 0 0 23px;
}

td .listNormal,
td .listCaution,
td .floatItem {
	margin: 0;
}

.listNumber {
	clear: both;
	margin: 0 0 15px 15px;
	counter-reset: content-main-ol-default;
}

.listNormalChild {
	position: relative;
	padding: 0 0 5px 10px;
	line-height: 1.4;
	font-size: 16px;
	font-size: 1.6rem;
	color: #000;
}

.floatItem li {
	float: left;
	margin: 0 25px 0 0;
	padding: 0 0 10px 10px;
}
@media screen and (max-width: 768px){
	.floatItem li {
	    margin: 0 15px 0 0;
	    padding: 10px 0 10px 10px;
	}
	.listNormal,
	.listCaution,
	.floatItem {
		clear: both;
	    margin: 0 0 0px;
	}
}

.leftJustification li {
	margin: 0;
	width: 31%;
}

.listNumberChild {
	position: relative;
	padding: 0 0 5px;
	line-height: 1.4;
	font-size: 16px;
	font-size: 1.6rem;
	color: #000;
}

.listNumberChild dt,
.listNumberChild dd {
	float: left
}