@charset "UTF-8";
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

.pg_sclass {
	width: 100%;
}

.center-area {
	text-align: center;
}

.submit-bt {
	margin: 20px auto 30px;
    text-align: center;
	
}

.submit-bt a,.submit-bt a:link,.submit-bt a:visited {
	color: #fff;
	background-color: #bc0017;
	padding: 2% 5%;
	display: block;
}

.feature-table {
	border: none;
	width: 940px;
    margin: 0 auto 50px;
}

.feature-table td {
	border: none;
	padding: 10px 0;
}

.table-wrap {
	width: 100%;
}

.table-wrap div:first-child {
	float: left;
	width: 420px;
}

.table-wrap div:last-child {
	float: right;
	width: 565px;
}

.sclass-wrap {
    width: 1080px;
    margin: 40px auto 40px;
    background-color: #fff;
    padding: 20px;
}

.sclass-t {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","Hiragino Mincho Pro","平成明朝","細明朝体","ＭＳ Ｐ明朝","MS P Mincho",serif;
	margin-bottom: 10px;
	font-size: 17px;
}

.sclass-t strong {
	border-bottom: 2px solid #c7b299;
}

.pg_sclass .ttl_m, .pg_jhs .ttl_arrow, .pg_jhs .ttl_arrow:before, .pg_jhs .ttl_vertical span {
	border-color: #c7b299;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","Hiragino Mincho Pro","平成明朝","細明朝体","ＭＳ Ｐ明朝","MS P Mincho",serif;
}

.pg_jhs .pg_ttl span:before, .pg_jhs .ttl_m:before {
    border-right-color: #c7b299;
}

.pg_rensei .renseiSection .tabMenu .jhs01.active a, .pg_rensei .renseiSection .tabMenu .jhs01 a:hover {
	opacity: 1;
    background: #63c666;	
}

.pg_rensei .renseiSection .contentBox.jhs01 {
    border: 3px solid #63c666;
}

.pg_rensei .renseiSection .contentBox.jhs01 .ttl_s:before {
    background-color: #63c666;
}

.pg_rensei .renseiSection .tabMenu .jhs02.active a, .pg_rensei .renseiSection .tabMenu .jhs02 a:hover {
    filter: alpha(opacity=100);
    opacity: 1;
    background: #b2c465;
}

.pg_rensei .renseiSection .contentBox.jhs02 {
    border: 3px solid #b2c465;
}

.pg_rensei .renseiSection .contentBox.jhs02 .ttl_s:before {
    background-color: #b2c465;
}

.pg_rensei .renseiSection .tabMenu .jhs03.active a, .pg_rensei .renseiSection .tabMenu .jhs03 a:hover {
    filter: alpha(opacity=100);
    opacity: 1;
    background: #d3ac6e;
}

.pg_rensei .renseiSection .contentBox.jhs03 {
    border: 3px solid #d3ac6e;
}

.pg_rensei .renseiSection .contentBox.jhs03 .ttl_s:before {
    background-color: #d3ac6e;
}

.pg_rensei .renseiSection .tabMenu .jhs04.active a, .pg_rensei .renseiSection .tabMenu .jhs04 a:hover {
    filter: alpha(opacity=100);
    opacity: 1;
    background: #bc4444;
}

.pg_rensei .renseiSection .contentBox.jhs04 {
    border: 3px solid #bc4444;
}

.pg_rensei .renseiSection .contentBox.jhs04 .ttl_s:before {
    background-color: #bc4444;
}

.sapix-table {
	background-color: #fff;
}

.sapix-table tr th {
	text-align: center;
	width: 20%;
}

.sapix-table tr th:first-child {
	background-color: #c0a269;
	color: #fff;
}

.sapix-table tr th:nth-child(2) {
	background-color: #063c90;
	color: #fff;
}

.sapix-table tr td {
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
}

.tblWrap.col2 .tbl .td {
    position: relative;
    width: 30%;
}

.feature-area {
	width: 900px;
	margin: 0 auto 50px;
}

.feature-area h3,.feature-area-2 h3 {
	text-align: center;
	margin-bottom: 20px;
}

.feature-area h3 strong,.feature-area-2 h3 strong {
	border-bottom: 2px solid #c7b299;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","Hiragino Mincho Pro","平成明朝","細明朝体","ＭＳ Ｐ明朝","MS P Mincho",serif;	
}

.feature-area img {
	position: relative;
	z-index: 0;
}

.feature-area div {
	background-color: #fff;
	border: 1px solid #dddddd;
	padding: 20px;
	width: 755px;
	margin: -100px auto 0;
	position: relative;
	z-index: 1;
}

.feature-area-2 {
	width: 1040px;
	margin: 0 auto 50px;
}

.feature-area-2 section:last-child {
	width: 480px;
	float: right;
}

.feature-area-2 section:first-child {
	width: 480px;
	float: left;
}

.feature-area-2 img {
	position: relative;
}

.feature-area-2 section div {
	background-color: #fff;
	border: 1px solid #dddddd;
	margin: -50px auto 0;
	width: 420px;
	padding: 20px;
	z-index: 1;
	position: relative;
}

.sclass-contact {
	border: 1px solid #ddd;
	padding: 20px;
	width: 1000px;
	margin: 0 auto;
}

.sclass-contact div div:first-child {
	width: 490px;
	float: left;
}

.sclass-contact  div div:last-child {
	width: 360px;
	float: right;
}

.sclass-table {
	border-collapse: collapse;
  	border-spacing: 0;
	margin-top: 20px;
	margin-bottom: 30px;
}

.sclass-table tr th {
	background-color: #c7b299;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	padding: 15px;
}

.sclass-table tr td {
	border: #cccccc 1px solid;
	padding: 15px;
	text-align: center;
	vertical-align: middle;
}

/* 幅1024px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
	
}

/* 幅1000px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 1000px) {
	/* ===== RENSEI STYLES ===== */
	
}

/* 幅900px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 900px) {
	
}

/* 幅768px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
/* スマホ */
.table-wrap div:first-child {
	float: none;
	width: 100%;
}

.table-wrap div:last-child {
	float: none;
	width: 100%;
}

.sclass-wrap {
    width: 100%;
    margin: 4% auto 4%;
    background-color: #fff;
    padding: 2%;
}
	
.feature-area {
	width: 100%;
	margin: 0 auto 5%;
}

.feature-area h3,.feature-area-2 h3 {
	text-align: center;
	margin-bottom: 2%;
}

.feature-area div {
	background-color: #fff;
	border: 1px solid #dddddd;
	padding: 2%;
	width: 94%;
	margin: -10% auto 0;
	position: relative;
	z-index: 1;
}

.feature-area-2 {
	width: 100%;
	margin: 0 auto 0;
}
	
.feature-area-2 section:last-child {
	width: 94%;
	float: none;
	margin: 0 auto 5%;
}

.feature-area-2 section:first-child {
	width: 94%;
	float: none;
	margin: 0 auto 5%;
}
	
.feature-area-2 section div {
	background-color: #fff;
	border: 1px solid #dddddd;
	margin: -10% auto 0;
	width: 94%;
	padding: 2%;
	z-index: 1;
	position: relative;
}	

.sclass-contact {
	border: 1px solid #ddd;
	padding: 2%;
	width: 100%;
	margin: 0 auto;
}

.sclass-contact div div:first-child {
	width: 100%;
	float: none;
}

.sclass-contact div div:last-child {
	width: 100%;
	float: none;
}

.sclass-table {
	border-collapse: collapse;
  	border-spacing: 0;
	margin-top: 2%;
}

.sclass-table tr th {
	padding: 2%;
}

.sclass-table tr td {
	padding: 2%;
}
	
.container {
	padding: 0;
}

.feature-table {
	width: 100%;
    margin: 0 auto 5%;
}

.sclass-contact	img {
		width: 100%;
	}

	
}

@media only screen and (max-width: 768px) and (max-width: 400px) {
	
}


/* 幅375px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 375px) {
	
}