@charset "utf-8";
/*=============================================================
requirement Layout
=============================================================*/
.table-data dl {
}
.table-data dl dt {
	width:100px;
	line-height:1.5em;
}
.table-data dl dd {
	padding-left:100px;
	line-height:1.5em;
	margin-top:-1.5em;
}

.businessBox .table-data .tdcenter {
text-align:center;
}

.pcth{display:contents;}
.pc{display:block;}
.smp{display:none;}

/* icn */
.icn{
	padding:0 3px;
	vertical-align:middle;
	width:10px;
	height:auto;
}
/* Business
-------------------------------------------------------------*/
.businessBox .table-data th,
.businessBox .table-data td {
	vertical-align:middle;
}
.businessBox .table-data th {
	width: 19%;
	text-align: center;
	background: #D6DDE2;
}
.businessBox .table-data td.cellTtl {
	width: 15%;
	text-align: center;
	background: #E9EDEF;
}


/* treatment
-------------------------------------------------------------*/
.treatmentBox .table-data th,
.treatmentBox .table-data td {
	vertical-align:middle;
}
.treatmentBox .table-data th {
	width:19%;
	text-align:center;
	background: #D6DDE2;
}
.treatmentBox .table-data dl.listBox dt {
	width:190px;
	line-height:1.5em;
}
.treatmentBox .table-data dl.listBox dd {
	margin-left:190px;
	line-height:1.5em;
	margin-top:-1.5em;
	padding-left:0px;
}


.treatmentBox .table-data td.cellTtl_t-t1 {
	width: 15%;
	text-align: center;
	background: #D6DDE2;
}
.treatmentBox .table-data td.cellTtl_t-t2 {
	width: 15%;
	text-align: center;
	background: #E9EDEF;
}

.treatmentBox .table-data dl.listBox150 dt {
	width:190px;
	line-height:1.5em;
}
.treatmentBox .table-data dl.listBox150 dd {
	margin-left:150px;
	line-height:1.5em;
	margin-top:-1.5em;
	padding-left:0px;
}
.treatmentBox .table-data dl.listBox90 dt {
	width:200px;
	line-height:1.5em;
}
.treatmentBox .table-data dl.listBox90 dd {
	margin-left:200px;
	line-height:1.5em;
	margin-top:-1.5em;
	padding-left:0px;
}

/* process
-------------------------------------------------------------*/
#processFlow{
	margin-top:40px;
	text-align:center;
	line-height:1.35;
}
#processFlow h3.default{
	margin-top:0px;
	padding-bottom:5px;
}
#processFlow h3.default span{
	display:inline-block;
}
#processFlow .boxArw{
	padding-bottom:10px;
}
#processFlow .boxArw5clm{
	width:100%;
	padding:0 9px;
	display:table;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
#processFlow .boxArw5clm .boxArw{
	display:table-cell;
	vertical-align:top;
	width:20%;
	padding:0 8px 10px;
}
#processFlow .boxArw img{
	width:32px;
	height:37px;
}
#processFlow .boxLine{
	padding:24px;
	border:1px solid #1565c0;
}
#processFlow .boxBgBlue{
	background-color:#e3f2fd;
}
#processFlow #boxEntry{
	padding:16px;
}
#processFlow #boxEntry p.txtBlue{
	color:#1565c0;
	font-size:18px;
	font-weight:bold;
}
#processFlow #boxEntry ul{
	margin:0 -8px 16px;
}
#processFlow #boxEntry ul li{
	float:left;
	width:20%;
	padding:0 8px;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
#processFlow #boxEntry ul li .box{
	display:table;
	width:100%;
	height:4em;
	background-color:#1565c0;
	color:#fff;
}
#processFlow #boxEntry ul li .box p{
	display:table-cell;
	vertical-align:middle;
	font-weight:bold;
}
#processFlow #boxEntry ul li .box p span{
	display:inline-block;
}
#processFlow #boxEntry{
	padding:16px;
}
#processFlow #boxEntry .boxLine{
	padding:16px;
	background-color:#fff;
}
#processFlow #boxEntry .boxLine p span{
	display:inline-block;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablet (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:768px) and (max-width:1023px) {
/* Business
-------------------------------------------------------------*/
.businessBox .table-data th {
	width:21%;
}
.businessBox .table-data th span {
	display:inline-block;
}
.businessBox .table-data td.cellTtl {
	width: 20%;
}
/* treatment
-------------------------------------------------------------*/
.treatmentBox .table-data th {
	width:21%;
}
.treatmentBox .table-data th span {
	display:inline-block;
}
/* process
-------------------------------------------------------------*/
#processFlow #boxEntry{
	padding:13px;
}
#processFlow #boxEntry ul{
	margin:0 -3px 16px;
	font-size:90%;
}
#processFlow #boxEntry ul li{
	padding:0 3px;
}
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px) {
.table-data dl {
		margin:-7px;
}
.table-data dl dt {
	padding-left:7px;
	line-height:24px;
}
.table-data dl dd {
	border-top: 1px dotted #78909c;
	padding-left:100px;
	line-height:24px;
	margin-top:-24px;
}

.table-data dl dt:first-child+dd{
	border-top:none;
}



/* Business
-------------------------------------------------------------*/
.businessBox .table-data th {
	width:auto;
	text-align:left;
	border-bottom: 1px solid #78909c !important;
}
.businessBox .table-data td.cellTtl {
	width:auto;
	text-align:left;
	border-bottom: 1px dotted #78909c;
}
/* treatment
-------------------------------------------------------------*/
.treatmentBox .table-data th,
.treatmentBox .table-data td {
	vertical-align:middle;
}
.treatmentBox .table-data th {
	width:20%;
	text-align:center;
}
.treatmentBox .table-data td.cellTtl {
}
.treatmentBox .table-data dl.listBox {
		margin:0px;
}
.treatmentBox .table-data dl.listBox dt {
	width:135px;
	line-height:1.5em;
	padding:0;
}
.treatmentBox .table-data dl.listBox dd {
	margin-left:135px;
	line-height:1.5em;
	margin-top:-1.5em;
	border-top:none;
	padding:0;
}

.treatmentBox .table-data dl.listBox150 {
		margin:0px;
}
.treatmentBox .table-data dl.listBox150 dt {
	width:190px;
	line-height:1.5em;
	padding:0;
}
.treatmentBox .table-data dl.listBox150 dd {
	margin-left:150px;
	line-height:1.5em;
	margin-top:-1.5em;
	border-top:none;
	padding:0;
}
.treatmentBox .table-data dl.listBox90 {
		margin:0px;
}
.treatmentBox .table-data dl.listBox90 dt {
	width:200px;
	line-height:1.5em;
	padding:0;
}
.treatmentBox .table-data dl.listBox90 dd {
	margin-left:200px;
	line-height:1.5em;
	margin-top:-1.5em;
	border-top:none;
	padding:0;
}

/* process
-------------------------------------------------------------*/
#processFlow .boxArw5clm{
	display:block;
}
#processFlow .boxArw5clm .boxArw{
	display:none;
}
#processFlow .boxArw5clm .boxArw:first-child{
	display:block;
	width:auto;
}
#processFlow .boxLine{
	padding:13px;
}
#processFlow #boxEntry ul{
	margin:0 -3px 16px;
	font-size:90%;
}
#processFlow #boxEntry ul li{
	float:left;
	width:50%;
	padding:0 3px 6px;
}
#processFlow #boxEntry ul li.lastChild{
	float:none;
	width:100%;
	padding:0 3px 6px;
}
#processFlow #boxEntry ul li.lastChild .box{
	width:50%;
	margin:0 auto;
}
.icn{
	padding:0 3px;
	width:16px;
}

.pcth{display:none;}
.pc{display:none;}
.smp{display:block;}
}