

/* リフォーム */
.reform_area {
	margin-bottom: 20px;
	margin-top: 20px;
}

.reform_area2 {
	margin-bottom: 50px;
	margin-top: 0px;
}

.menu_area .col-sm-6 { padding: 0 0px;}

.menu_area {
	position: relative;		
}

.menu_img {
	position: relative;		
}
.menu_img2 {
	position: relative;		
}


.menu_img img {
  -webkit-filter: Grayscale(0);
  filter: Grayscale(0);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.menu_img:hover img {
  -webkit-filter: Grayscale(100);
  filter: Grayscale(100);
}
/*.menu_img2 img {
  -webkit-filter: Grayscale(0%);
  filter: Grayscale(0%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.menu_img2:hover img {
  -webkit-filter: Grayscale(100);
  filter: Grayscale(100);
}*/

.menu_mark {
	position: absolute;
	z-index: 10;
	left: 42%;
	top: 28%;
	right: 42%;
	bottom: 28%;
}

.menu_txarea {
	position: absolute;
	z-index: 9;
	left: 15%;
	top: 38%;
	right: 15%;
	bottom: 38%;
}



.menu_subttl {
	color: #FFF;
	text-align: right;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	padding: 0px;
	margin: 0px;
	text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;
}

.menu_ttl {
	font-size: 35px;
	color: #FFF;
	text-align: right;
	margin: 0px;
	letter-spacing: 0.1em;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 35px;
	padding-left: 0px;
	text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;
}

.menu_more {
    color: #000;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 25px;
    font-weight: 500;    
}
.menu_more span{
    background-color: rgb(255,255,255,0.8);;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
}
.menu_more_2 {
	color: #FFF;
	text-align: right;	
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 21px;
}

.menu_subttl2 {
	color: #FFF;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	padding: 0px;
	margin: 0px;
	text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;
}

.menu_ttl2 {
	font-size: 35px;
	color: #FFF;
	margin: 0px;
	letter-spacing: 0.1em;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 33px;
	padding-left: 0px;
	text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;
}

.menu_more2 {
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 25px;
    font-weight: 500;
}
.menu_more2 span{
    background-color: rgb(255,255,255,0.8);
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

.menu_more2_2 {
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 21px;
}




/*概要*/
.n_table {
	clear: both;
	width: 100%;
	margin-bottom: 25px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
}
.n_table th {
	width: 25%;
	background-color: #F2F2F2;
	background: #E8E2D0;
}
.n_table td {
	width: 75%;
	background-color: #fff;
	background: #FFFDF7;
}
.n_table th,.n_table td {
	color: #333333;
	font-size: 100%;
	line-height: 160%;
	text-align: left;
	vertical-align: top;
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B3A882;
	font-weight: normal;
}	


.reform_end{
	font-size: 25px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	line-height: 1.6em;
	}


@media (max-width: 1665px) {
.menu_ttl {
	font-size: 30px;
}
.menu_ttl2 {
	font-size: 30px;
}
}
@media (max-width: 1421px) {
.menu_ttl {
	font-size: 28px;
}
.menu_ttl2 {
	font-size: 28px;
}
}
@media (max-width: 1326px) {
.menu_ttl {
	font-size: 25px;
}
.menu_ttl2 {
	font-size: 25px;
}
}

@media (max-width: 1200px) {
.menu_ttl {
	font-size: 21px;
}
.menu_ttl2 {
	font-size: 21px;
}
.menu_more {
	text-align: center;
	font-size: 20px;
}
.menu_more2 {
	text-align: center;
	font-size: 20px;
}
}


@media (max-width: 992px)  {
.menu_more {
	text-align: center;
	font-size: 16px;
}
.menu_more2 {
	text-align: center;
	font-size: 16px;
}	
.menu_ttl {
	font-size: 19px;
}
.menu_ttl2 {
	font-size: 19px;
}

}



@media (max-width: 768px)  {
.menu_txarea {	
	left: 20%;
	top: 38%;
	right: 20%;
	bottom: 38%;
}
.menu_subttl {
	text-align: center;
	font-size: 18px;
}

.menu_ttl {
	text-align: center;
	font-size: 27px;
}


.menu_subttl2 {
	text-align: center;
	font-size: 18px;
}

.menu_ttl2 {
	text-align: center;
	font-size: 27px;
}
.menu_more {
	font-size: 20px;
}
.menu_more2 {
	font-size: 20px;
}

}


@media (max-width: 468px) {
.reform_area {
	margin-bottom: 0px;
	margin-top: 10px;
}

.menu_txarea {	
	
	left: 10%;
	top: 25%;
	right: 10%;
	bottom: 25%;
}
.menu_ttl {
	font-size: 22px;
}

.menu_ttl2 {
	font-size: 22px;
}


}
