@charset "UTF-8";

#consult-header {
	background-image: url(../img/consult-main.jpg);
}
.consult-contents {padding-top:0;}
#consult-01{
	margin-bottom: 0;
	background: url(../img/consult-01-back.jpg) no-repeat center center;
	background-size: cover;
	padding: 70px 0 60px;
	text-align: center;
}
#consult-01 h1 {margin-bottom: 30px;}
#consult-01 h1 img{width: 572px;}
#consult-01 p{letter-spacing: 0.05em;}

#consult-02{
	padding: 70px 0 100px;
	background: url(../img/ichi-back.png) repeat center top;
}
#consult-02 h1 img{width: 478px;}
.c02-c{width: 33.3333333333%;padding: 0 5px;}
.c02-img,.c02-img img{width: 100%;}
.c02-txt {width: 100%;background-color: #fff;padding: 0px 30px 25px;}
.c02-txt h2{margin-bottom: 8px;padding-bottom: 5px;border-bottom: 1px dotted #ccc;color: #231a6a;font-weight: bold;font-size: 14px;font-size: 1.4rem;}
.c02-txt span{display: block;width: 36px;margin: -18px auto 15px auto;text-align: center;}

@media (max-width: 960px) {
	.a02-txt {width: 100%;}
}
@media (max-width: 768px) {
	.c02-txt span{margin-bottom: 10px;}
	.c02-c{width: 100%;padding: 0;margin-bottom: 10px;}
	.c02-txt {padding: 0px 15px 15px;}
	#consult-02{padding: 35px 0 50px;}
}

#consult-03{padding: 70px 0 80px;text-align: center;}
#consult-03 h1 img{width: 434px;}
#a03-img {width: 100%;margin: 40px 0 45px;}
#consult-03-content {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#slider{
	position: relative;
	left: 50%;
	width: 1740px;
	margin-left: -870px;
}
#consult-03-content ul li{width: 340px;float: left;background-color: #fff;position: relative;}
#consult-03-content ul li img{width: 100%;}
#consult-03-content ul li h2{
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	background: rgba(35,26,106,0.8);
	text-align: left;
	padding-left: 20px;
	width: 100%;
	line-height: 51px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#consult-03-content .prev {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 400px;
	z-index: 100;
}
#consult-03-content .next {
	position: absolute;
	margin-top: -15px;
	top: 50%;
	right: 400px;
	z-index: 100;
}
#consult-03-content .prev:hover,
#consult-03-content .next:hover{cursor: pointer;opacity: 0.6;}
.bx-wrapper {
    margin:0 auto;
    position:relative;
}
@media (max-width: 960px) {
	#consult-03-content .prev {left: 550px;}
	#consult-03-content .next {right: 550px;}
}
@media (max-width: 768px) {
	#consult-03-content .prev {left: 650px;}
	#consult-03-content .next {right: 650px;}
}
@media (max-width: 480px) {
	#slider{
		width: 1540px!important;
		margin-left: -770px!important;
	}
	#consult-03-content ul li{width: 300px!important;}
	#consult-03-content .prev {left: 625px;}
	#consult-03-content .next {right: 625px;}
	#consult-03{padding: 35px 0 40px;}
}

#consult-04{padding: 75px 0 95px;}
#consult-04 h1 img{width: 203px;}
#consult-04 h2 {
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 0.2em;
	text-align: center;
	color: #fff;
	line-height: 60px;
	background-color: #231A6A;
	margin-bottom: 25px;
}
#consult-04 table {width: 100%;border-top: 1px dotted #ccc;margin-bottom: 50px;}
#consult-04 th,#consult-04 td{
	vertical-align: middle;
	padding: 21px 30px;
	border-bottom: 1px dotted #ccc;
}
#consult-04 th{
	width: 330px;
	background-color: #e9e8f0;
}
#c04-01{padding-top: 20px;text-align: center;}
#consult-04 h3{text-align: center;margin-bottom: 40px;}
#consult-04 h3 img{width: 194px;}
#c04-img{max-width: 863px;width: 100%;}
@media (max-width: 960px) {
	#consult-04 th{width: 180px;}
}
@media (max-width: 768px) {
	#consult-04 h2 {line-height: 45px;}
	#consult-04 table {margin-bottom: 25px;border: none;}
	#consult-04 th,#consult-04 td{display: block;width: 100%;padding: 10px 20px;}
	#consult-04 td{margin-bottom: 10px;border: none;}
	#consult-04{padding: 35px 0 50px;}
}

#consult-05{padding: 70px 0;}
#consult-05 h1 img{width: 226px;}
#consult-05 ul{width: 100%;}
#consult-05 ul li{
	position: relative;
	width: 16.66666666666667%;
	padding: 0 24px;
	float: left;
	text-align: center;
}
#consult-05 ul li:after{
	display: block;
	content: "";
	position: absolute;
	right: -8px;
	bottom: 50%;
	width: 16px;
	height: 16px;
	margin-bottom: -8px;
	background:url(../img/consult-05-arrow-01.png) no-repeat center center;
	background-size: 16px;
}
#consult-05 ul li:last-child{background: none;}
#consult-05 ul li:last-child:after{display: none;}
@media (max-width: 960px) {
	#consult-05 ul li{padding: 0 15px;}
}
@media (max-width: 768px) {
	#consult-05 ul li{
		width: 100%;
		margin: 0 auto 48px;
		float: none;
	}
	#consult-05 ul li img{max-width: 124px;}
	#consult-05 ul li:after{
		background:url(../img/consult-05-arrow-02.png) no-repeat center center;
		background-size: 16px;
		bottom: -24px;
		right: 50%;
		margin-right: -8px;
	}
}
@media (max-width: 480px) {
	#consult-05 ul li{width: 100%;}
	#consult-05{padding: 35px;}
}

#about-04{padding: 70px 0 100px;background-color: #f6f6f6;}
#about-04 h1 img{width: 336px;}
#about-04 ul{width: 100%;}
#about-04 ul li{display: table;margin-bottom: 30px;background-color: #fff;}
.flow-img,.flow-txt{
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
.flow-img{width: 320px;}
.flow-img span{position: absolute;left: 20px;top:-13px;}
.flow-txt{padding: 0 50px;}
.flow-txt h2{
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	color: #231A6A;
	padding-bottom: 10px;
	margin-bottom: 16px;
	border-bottom: 1px dotted #ccc;
}
@media (max-width: 960px) {
	.flow-img{width: 280px;}
	.flow-txt{padding: 0 30px;}
}
@media (max-width: 768px) {
	#about-04 ul li,.flow-img,.flow-txt{display: block;width: 100%;}
	.flow-txt{padding: 20px;}
	#about-04{padding: 35px 0 50px;}
}


#consult-06{padding: 10px 0 100px;}
#consult-06 h1 img{width: 244px;}
#consult-06 table{width: 100%;border-top: 1px dotted #999;margin-bottom: 20px;}
#consult-06 table:last-child{margin-bottom: 0;}
#consult-06 th{width: 70px;text-align: center;vertical-align: middle;font-weight: bold;border-bottom: 1px dotted #999;}
.faqq{background-color: #231a6a;color: #fff;}
.faqa{background-color: #e9e8f0;color: #231a6a;}
#consult-06 td{padding: 24px 30px;background-color: #f5f5f5;border-bottom: 1px dotted #999;}
@media (max-width: 480px) {
	#consult-06{padding: 10px 0 50px;}	
}

.page-tel{padding-top: 40px;}
.page-tel-in{
	border: 2px solid #231a6a;
	text-align: center;
	background-color: #f5f5f5;
	padding-bottom: 25px;
	margin-bottom: 40px;
}
.page-tel-in h2{
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	font-size: 1.3rem;
	padding: 10px;
	letter-spacing: 0.23em;
	background-color: #231a6a;
	margin-bottom: 30px;
}
.page-tel-in a{margin-bottom: 20px;display: inline-block;}