/******************************************
サービスのご案内
******************************************/

/* TOP カテゴリーセレクト
=====================================*/
#ServiceTop {
	/*margin-bottom: 80px;*/
}

#ServiceTop .selectBox img {
	width: 100%;
}

#ServiceTop .selectBox a {
	display: block;
	margin-bottom: 30px;
}

#ServiceTop .selectBox a:hover {
	opacity: 0.7;
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
	    -ms-transition: 0.3s;
	     -o-transition: 0.3s;
	        transition: 0.3s;
}

#ServiceTop .selectBox i {
	margin-left: 10px;
}


/*  > 768px
================================*/
@media (min-width: 768px) {

}

/*  < 768px
================================*/
@media (max-width: 768px) {
}




/* 口座開設の流れ /Service/flow.html
=====================================*/
#flow {
	/*margin-bottom: 80px;*/
}

#flow .flowImg {
	margin-bottom: 80px;
}

#flow .flowImg h3 {
	color: #fff;
	font-size: 18px;
	line-height: 1.4;
	padding: 30px 10px 45px;
	margin: 0;
	text-align: center;
	position: relative;
}

#flow .flowImg .flowStyle {
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
	background-position: center bottom;
}

#flow .flowImg .flowStyle01 {
	background-color: #ff746d;
	background-image: url(../images/flow01.jpg);
}

#flow .flowImg .flowStyle02 {
	background-color: #ff5f5b;
	background-image: url(../images/flow02.jpg);
}

#flow .flowImg .flowStyle03 {
	background-color: #f34a4a;
	background-image: url(../images/flow03.jpg);
}

#flow .flowImg .flowStyle04 {
	background-color: #df363c;
	background-image: url(../images/flow04.jpg);
}

#flow .flowImg .flowStyle05 {
	background-color: #d22834;
	background-image: url(../images/flow05.jpg);
}
#flow .flowImg .flowStyle06 {
	background-color: #c11c27;
	background-image: url(../images/flow06.jpg);
}

#flow .flowImg p {
	position: relative;
	background-color: #eee;
	color: #333;
	font-size: 16px;
	line-height: 1.4;
	padding: 15px;
}

#flow .flowImg p:after {
	right: 100%;
	top: 35%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(238, 238, 238, 0);
	border-right-color: #eeeeee;
	border-width: 10px;
	margin-top: -10px;
}


#flow .flowImg .row + .row {
	margin-top: 30px;
}

.documentList .midashi {
	color: #333;
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 30px;
}

.documentList dl + dl {
	margin-top: 30px;
}

.documentList dl dt {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 8px;
}

.documentList dl dd ul li {
	color: #333;
	font-size: 16px;
	line-height: 1.4;
	margin-left: 20px;
	list-style-type: disc;
}

.documentList dl dd ul li + li {
	margin-top: 5px;
}

.documentList dl dd p {
	color: #333;
	font-size: 16px;
	line-height: 1.4;
}

.documentList dl dd p.attending {
	margin-top: 15px;
}

.documentList dl dd p span {
	font-weight: bold;
}

/*  > 768px
================================*/
@media (min-width: 768px) {

}

/*  < 768px
================================*/
@media (max-width: 768px) {
	#flow .flowImg h3 {
		font-size: 14px;
		padding: 15px 0px 25px;
	}

	#flow .flowImg p {
		font-size: 13px;
		line-height: 1.4;
		padding: 5px;
	}
}


/* 取引時間・ご利用時間 /Service/Time.html
=====================================*/
#ServiceTime {
	/*margin-bottom: 80px;*/
}

#ServiceTime tbody tr td:first-child {
	background-color: #eee;
}

#ServiceTime .timeBox {
	margin-bottom: 50px;
}

#ServiceTime .timeBox p {
	color: #333;
	font-size: 16px;
	line-height: 1.4;
}

#ServiceTime .timeBox .table-responsive {
	margin-top: 20px;
}

#ServiceTime .timeBox .attending {
	font-size: 12px;
	margin-top: 5px;
}

#ServiceTime .contactBox {
	margin-top: 20px;
}

#ServiceTime .contactBox dl {
	margin-bottom: 5px;
}

#ServiceTime .contactBox dl dt {
	color: #333;
	font-size: 20px;
	line-height: 1.4;
	text-align: left;
	width: 80px;
}

#ServiceTime .contactBox dl dd {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	margin-left: 0;
}

/*  > 768px
================================*/
@media (min-width: 768px) {

}

/*  < 768px
================================*/
@media (max-width: 768px) {
}




/* NISA（少額投資非課税制度）/Service/nisa.html
=================================================*/
.banner {
	margin-bottom: 30px;
}

#serviceNisa .innerBox + .innerBox {
	margin-top: 50px;
}

#serviceNisa .innerBox p {
	color: #333;
	font-size: 16px;
	line-height: 1.4;
}


#serviceNisa .innerBox01 .table th {
	vertical-align: middle;
}

#serviceNisa .innerBox01 .table td {
	text-align: left;
}

#serviceNisa .innerBox01 .attending {
	text-decoration: underline;
}

#serviceNisa .innerBox02 ul {
	background-color: #eee;
	padding: 20px;
	margin-bottom: 30px;
}

#serviceNisa .innerBox02 ul li {
	color: #333;
	font-size: 16px;
	line-height: 1.4;
	list-style-type: disc;
	margin-left: 20px;
}

#serviceNisa .innerBox02 ul li + li {
	margin-top: 5px;
}

#serviceNisa .innerBox .image,
#serviceNisa .innerBox .image img {
	width: 100%;
}

#serviceNisa .categoryBox {
	margin-top: 50px;
}

#serviceNisa .attentionBox {
	margin-top: 30px;
}

#serviceNisa .attention01 ul {
	background-color: #fff2f2;
}

#serviceNisa .attention02 ul {
	background-color: none;
}

#serviceNisa .attention02 ul li {
	list-style-type: disc;
	font-size: 16px;
    line-height: 1.4;
	margin-left: 20px;
}

#serviceNisa .attention02 ul li + li {
	margin-top: 5px;
}

#serviceNisa .categoryBox .boldLine,
#serviceNisa .categoryBox .boldLine {
	font-weight: bold;
}


#serviceNisa .innerBox03 .image {
	margin-bottom: 30px;
}

#serviceNisa .innerBox03 .exTxt {
	margin-bottom: 30px;
}

#serviceNisa .innerBox03 .attending {
	margin-top: 50px;
}

#serviceNisa .innerBox03 .attentionBox {
	background-color: #eee;
	padding: 20px;
	margin-bottom: 30px;
}

#serviceNisa .innerBox03 .attentionBox .midashi {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 5px;
}


#serviceNisa .innerBox04 .txtBox {
	margin-top: 30px;
}

#serviceNisa .innerBox04 .txtBox ul li {
	color: #333;
	font-size: 16px;
	line-height: 1.4;
	list-style-type: disc;
	margin-left: 20px;
}

#serviceNisa .innerBox04 .txtBox .attending {
	margin-top: 30px;
}

#serviceNisa .innerBox05 dl dt {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 5px;
}

#serviceNisa .innerBox05 ul li {
	color: #333;
	font-size: 16px;
	line-height: 1.4;
	list-style-type: disc;
	margin-left: 20px;
}

#serviceNisa .innerBox05 ul li + li {
	margin-top: 5px;
}


/*↓↓↓ 間違って作成したもの ↓↓↓*/
/* answerList
=====================================*/
#answerList .qaList {
	background-color: #eeeeee;
	padding: 30px 20px;
	margin-bottom: 50px;
}

#answerList .qaList ul li {
	border-bottom: 1px solid #e3e2e2;
	padding-bottom: 10px;
	margin: 10px 0;
}

#answerList .qaList ul li a {
	color: #333;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4;
}

#answerList .qaList ul li a:hover {
	color: #e52f3c;
	text-decoration: underline;
}

/*  > 768px
================================*/
@media (min-width: 768px) {
}

/*  < 768px
================================*/
@media (max-width: 768px) {
}



/* qaAnswer
=====================================*/
#qaAnswer .answerBox + .answerBox  {
	margin-top: 80px;
}

#qaAnswer .answerBox dd {
	color: #333;
}

#qaAnswer .answerBox dd a {
	color: #0C579A;
	text-decoration: underline;
}

#qaAnswer .answerBox dd a:hover {
	color: #e52f3c;
	text-decoration: underline;
}


#qaAnswer .dl-horizontal dt {
	    float: left;
	    width: auto;
	    overflow: hidden;
	    clear: left;
	    text-align: right;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    font-size: 20px;
	    line-height: 1.5;
	}

	#qaAnswer .dl-horizontal dd {
		margin-left: 50px;
	}

	#qaAnswer .dl-horizontal dd p {
		font-size: 20px;
	    line-height: 1.5;
	}

	#qaAnswer .dl-horizontal dd span,
	#qaAnswer .dl-horizontal dd li span {
		font-size: 15px;
		line-height: 1.4;
		display: block;
		margin-top: 10px;
	}

	#qaAnswer dd ul li + li {
		margin-top: 30px;
	}

	#qaAnswer .innerList li {
		font-size: 18px;
		line-height: 1.4;
	}

	#qaAnswer .innerList li + li {
		margin-top: 10px;
	}

	#qaAnswer .dl-horizontal dd .innerbox .ttl {
		font-size: 15px;
		font-weight: 700;
		line-height: 1.5;
		margin-top: 30px;
	}

	#qaAnswer .dl-horizontal dd .innerbox span {
		font-size: 15px;
		line-height: 1.5;
		margin-top: 5px;
	}






/*  > 768px
================================*/
@media (min-width: 768px) {

}

/*  < 768px
================================*/
@media (max-width: 768px) {

	#qaAnswer .dl-horizontal dt {
	    font-size: 15px;
	    line-height: 1.5;
	}

	#qaAnswer .dl-horizontal dd {
		margin-left: 15px;
		font-size: 14px;
	    line-height: 1.5;
	}

	#qaAnswer .dl-horizontal dd span {
		font-size: 12px;
	}

	#qaAnswer .section-title {
		margin-bottom: 0;
	}

	#qaAnswer .dl-horizontal dd p {
		font-size: 14px;
	}

	#qaAnswer .dl-horizontal dd span,
	#qaAnswer .dl-horizontal dd li span {
		font-size: 12px;
	}

	#qaAnswer dd ul li + li {
		margin-top: 15px;
	}

	#qaAnswer .innerList li {
		font-size: 13px;
	}

	#qaAnswer .innerList li + li {
		margin-top: 10px;
	}

	#qaAnswer .dl-horizontal dd .innerbox .ttl {
		font-size: 12px;
		margin-top: 15px;
	}

	#qaAnswer .dl-horizontal dd .innerbox span {
		font-size: 12px;
	}
}