@charset "utf-8";

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
header{
  width: 100%; 
  /*background: #fff;
  position: fixed;
  top: 0; 
  left: 0; 
  right: 0;*/ 
  margin:0 auto;
}
#container {
	margin: 0 auto;
	/*background: #fff;*/
}
.head_bg {
	background-image: url("../images/head_bg.jpg");
	background-size: cover;
	background-position: bottom;
	height: 210px;
	position: relative;
}
.head_logo {
	display: block;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
} 
.head_logo img {
	width:540px;
}
@media screen and (max-width: 640px) {
	.head_bg {
		height: 190px;
	}
	.head_logo img{
		width:400px;
	}
}
@media screen and (max-width: 480px) {
	.head_bg {
		height: 160px;
	}
	.head_logo img{
		width:280px;
	}
}
/*------------------------------------------------------------
	ナビ
------------------------------------------------------------*/
#h_nav{
	display: block;
	padding: 0 20px;
}

ul#gnav {
	margin:10px auto 0;
	display: block;
	overflow: hidden;
}
ul#gnav li {
    float: left;
}
ul#gnav li img{
	max-width:100%;
}
.hover img {
	max-width:100%;
	cursor: pointer;
	transition-duration: 0.3s;
}
.hover:hover img{
  opacity: 0.4;
  transition-duration: 0.3s;
}

ul#gnav a:link ,ul#gnav a:visited {
	/*color:#000;*/
}


@media screen and (max-width: 800px) {
	#gnav ,#h_nav{
		display:none;
	}
}
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
.top_bg {
    background-image: url(../images/top_bg.png);
    background-attachment: fixed;
}
h2.top_tit {	
    margin: 40px 20px 20px;
}
h2.top_tit img {
    width: auto;
}
h2.top_tit p {	
	display: none;
}
.top_tx {
    font-size: 16px;
    line-height: 2.2em;
    color: #301501;
    padding: 30px;
	margin: 0 20px;
    background: #fff;
}
@media screen and (max-width: 800px) {
	h2.top_tit img {
		width: 100%;
	}
}
@media screen and (max-width: 640px) {
	h2.top_tit {	
		max-width: 100%;
		margin:40px 20px 20px;
	}
	h2.top_tit img {	
		display: none;
	}
	h2.top_tit p {	
		display: block;
		background: #301501;
		color: #fff;
		padding: 10px 0;
		text-align: center;
	}
	.top_tx{
		padding: 20px;
		line-height: 1.7em;
	}
}
@media screen and (max-width: 375px) {
	.top_tx{
		margin:0 15px;
	}
	h2.top_tit {
		margin: 40px 15px 20px;
	}
}
/*------------------------------------------------------------
	law
------------------------------------------------------------*/
.outline {
	margin: 20px 20px 0 20px;
	font-size: 15px;
	line-height: 1.5;
	color: #333;
	background-color: none;
}
.outline .title {
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	line-height: 1.8em;
	border-bottom: 2px solid #c50000;
	background: none;
	margin: 0 auto 20px;
}
.outline table {
	font-size: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #552f21;
	border-right-color: #552f21;
	margin: 0 auto;
}
.outline table tr th {
	width:20%;
	font-size: 0.9em;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #552f21;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #552f21;
	background: #aa988a;
	color: #301502;
}
.outline table tr td {
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #552f21;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #552f21;
	background-color: #fff;
	color: #301501;
}
.outline_ta_tit {
	width:150px;
	font-weight: bold;
	color: #333;
}
.outline_ta {
	width:20%;
	font-weight: bold;
	color: #333;
}
@media screen and (max-width: 640px) {
	.outline table tr th,.outline table tr td {
		width: 88vw;
    	display: block;
		border-right: none;
		padding-left: 8px;
		padding-right: 9px;
	}
	.outline table tr td {
		width: 88vw;
    	display: block;
		border-right:none;
		padding-left: 8px;
		padding-right: 9px;
	}
}
@media screen and (max-width: 425px) {
	.outline {
		margin: 20px 14px 0 15px;
	}
	.outline table tr th,.outline table tr td {
		width: 86vw;
	}
}
@media screen and (max-width: 320px) {
	.outline table tr th,.outline table tr td {
		width: 83vw;
	}
}
/*------------------------------------------------------------
	henkin
------------------------------------------------------------*/
.henkin_tx {
	font-size: 16px;
    line-height: 1.6em;
    color: #301501;
    padding: 30px;
    margin: 0 20px;
    background: #fff;
}
@media screen and (max-width: 640px) {
	.henkin_tx{
		padding: 20px;
		line-height: 1.7em;
	}
}
@media screen and (max-width: 375px) {
	.henkin_tx{
		margin:0 15px;
	}
}
/*------------------------------------------------------------
	privacy
------------------------------------------------------------*/
.privacy_tx {
	font-size: 16px;
    line-height: 1.6em;
    padding: 30px;
    margin: 0 20px;
    background: #fff;
}
.privacy_tx p{
	margin-bottom: 20px;
    color: #552f21;
}
.privacy_tx dl ul {
	margin: 0 auto 10px;
	padding: 0 0 0 10px;
    color: #552f21;
}
.privacy_tx dl ul li {
	list-style-type: disc;
	margin: 0 auto 5px;
	text-indent: -1em;
	padding: 0 0 0 1em;
	list-style-position: inside;
    color: #552f21;
}
.privacy_tx dl dt {
	text-align: left;
	font-weight: bold;
	padding-bottom: 5px;
    color: #552f21;
}
.privacy_tx dl dd {
	text-align: left;
	line-height: 1.6em;
	margin: 0 auto 20px;
	padding: 0 0 0 5px;
    color: #552f21;
}
.privacy_tx dl dd ul {
	text-align: left;
	padding-top: 10px;
    color: #552f21;
}

@media screen and (max-width: 640px) {
	.privacy_tx{
		padding: 20px;
		line-height: 1.7em;
	}
}
@media screen and (max-width: 375px) {
	.privacy_tx{
		margin:0 15px;
	}
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
footer{
	background-color: #301501;
	text-align: center;
	font-size: 14px;
	line-height: 1.6em;
	margin-top: 90px;
}
footer #f_nav {
	font-size: 13px;
    padding: 10px 0;
    color: #301501;
	background: #d2c0b4;
}
footer #f_nav a:link, footer #f_nav a:visited {
    color: #301501;
}
footer #f_nav a:hover {
	color: #98816f;
}

footer .copy {
	display: block;
	font-size:11px;
	color:#fff;
	padding: 15px 0;
}

@media screen and (max-width: 640px) {
	footer #f_nav{
		font-size: 11px;
	}
	footer .copy {
		font-size:10px;
	}
}
@media screen and (max-width: 480px) {
	footer #f_nav{
		display: none;
	}
}