.clearfix {clear:both}
.txtCon {max-width: 1400px; margin: 0 auto; padding: 20px 20px 100px 20px; clear: both; overflow: hidden;}
.sub_title{max-width: 100%; margin: 40px 0 40px 0; padding: 0; text-align: center;}
.sub_title h2 {padding-bottom: 0px; }
.sub_title h2 span {font-size: 40px; color: #000; font-weight: 500; position:relative}
.sub_title h2 span::after {content: ''; position: absolute; z-index: -1; display: inline-block; width: 100%; border-bottom: 22px solid #d2b15152; left: 0; bottom: 2px;}
 
.about {display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse; align-items: flex-start;letter-spacing:-0.05em;word-break:keep-all}
.about .imgArea { width:50%; }
.about .imgArea img { max-width:100%; }
.about .imgArea dl { padding-top:20px; display:flex; flex-wrap:wrap; justify-content:space-between; }
.about .imgArea dl dt { width:250px; }
.about .imgArea dl dd { width:405px; }

.about .textArea { width:50%; box-sizing:border-box;padding:0 70px 0 0; }
.about .textArea  h4 {font-size: 40px; font-weight: 200; line-height: 50px;}
.about .textArea  h4 strong {font-weight:900}
.about .textArea  h5 {padding: 34px 0 16px; font-size: 32px; font-weight: 100;}
.about .textArea  p {font-size: 18px; line-height: 1.7; font-weight: 100; padding-bottom: 30px; word-break: keep-all;}
.about .textArea  h6 { font-weight:400; padding-top:39px; font-size:20px}

.about2 ul {}
.about2 li {float: left; padding:20px;width:33%;text-align:center}
.about2 li p{padding:0 0 30px 0}
.about2 li h6{color:#cc9900;font-size:30px;}
.about2 li span{color: #333; font-size: 22px; line-height: 30px; font-weight: 100; margin-top: 20px; display: inline-block;}

.ctable {border-top: 1px solid #aaa;width:100% }
.ctable table { width: 100%; border-spacing: 0; border-collapse: collapse; }
.ctable th {padding: 24px 20px; border-bottom: 1px solid #ddd; font-size: 16px; line-height: 1.5; width: 10%; font-weight: 600; word-break: keep-all;} 
.ctable td {padding: 24px 20px; border-bottom: 1px solid #ddd; font-size: 16px; line-height: 1.5; width: 90%; word-break: keep-all;}

.counsel_wrap_sub {z-index: 2; width: 100%; background: url('/theme/basic/img/main_counsel_bg.jpg') top center; border-radius: 15px; background-size: cover; overflow: hidden; margin-top: 50px;}
.counsel_wrap_box_sub {padding: 40px; width: 100%; overflow: hidden;}
.counsel_wrap_box_sub ul {clear:both}
.counsel_wrap_box_sub li {float: left; padding-right: 10px;width:25%}
.counsel_wrap_box_sub li:nth-child(5) {clear:both}
.counsel_wrap_box_sub li:nth-child(6) {clear:both;width:300px}
.counsel_wrap_box_sub h2 {color: #000; font-size: 30px; font-weight: 700; padding: 0; float: left;}
.counsel_wrap_box_sub p {color: #000; font-size: 15px; font-weight: 400; padding: 12px 0 20px 25px; float: left;}
.counsel_wrap_box_sub .input {height: 40px; background-color: #fff; padding: 0 15px; border-radius: 0; font-size: 15px; font-weight: 400; color: #000; width: 100%; border: 0; margin: 0 0 8px 0;}
.counsel_wrap_box_sub a{line-height: 200%; color: #000; font-size: 14px; font-weight: 400; padding-left: 10px;}
.counsel_wrap_box_sub .submit_main {width: 100%; height: 45px; display: flex; align-items: center; justify-content: center; transition: all .3s; font-size: 17px; font-weight: 700; color: #fff; margin-top: 20px; background: #000000; border: none;}

@media all and (max-width:1400px) { 
	.about .imgArea dl dt { width:37%; }
	.about .imgArea dl dd { width:calc(63% - 20px); }
	.about .textArea br { display:none; }
}

@media (max-width: 1200px) {
	.mobile_only {display:none}
}

@media (max-width: 992px) {

	.about .imgArea { width:100%; }
	.about .imgArea dl { padding-top: 10px; }
	.about .imgArea dl dt { width: 37.8%; }
	.about .imgArea dl dd { width: calc(62.2% - 10px); }
	.about .textArea { width:100%; padding:30px 0 0; }
	.about .textArea h5 { padding: 20px 0 7px; }
	.about .textArea p { padding-bottom: 12px; }
	.about .textArea h6 { padding-top: 20px; }

	.about2 li p{padding:0 0 20px 0}
	.about2 li h6{font-size:24px;}
	.about2 li span{ font-size: 16px; line-height: 24px; margin-top: 20px;}

	.counsel_wrap_box_sub h2 {float:none}
	.counsel_wrap_box_sub p {float: none; padding: 12px 0 20px 0px;}
} 

@media (max-width: 768px) {
	.sub_title{margin:75px 0 0px 0}
	.sub_title h2 {padding-bottom: 30px; }
	.sub_title h2 span {font-size: 24px;}
	.sub_title h2 span::after {border-bottom: 14px solid #d2b15152; }

	.about .textArea h4 {font-size:30px;line-height:40px}
	.about .textArea h5 {font-size:24px}
	.about .textArea p {font-size:16px}
	.about .textArea h6 {font-size:20px}

	.ctable th {padding: 14px 10px;font-size: 14px; line-height: 1.5; } 
	.ctable td {padding: 14px 10px;font-size: 14px; line-height: 1.5; }

	.counsel_wrap_box_sub { padding: 20px; width: 100%; overflow: hidden; }
	.counsel_wrap_box_sub h2 {font-size:24px}
	.counsel_wrap_box_sub p {font-size:14px;padding: 5px 0 20px 0px;}
	.counsel_wrap_box_sub li {width:50%}
	.counsel_wrap_box_sub li:nth-child(5) {width:100%}
	.counsel_wrap_box_sub li:nth-child(6) {width:100%}

} 
 
@media (max-width: 576px) {
	.about2 li {float:none;width:100%}
	.about2 li p{padding:0 0 20px 0}
	.about2 li h6{font-size:20px;}
	.about2 li span{ font-size: 14px;margin-top:10px}
}
 
 
@media (max-width: 360px) {
}