@charset "utf-8";
#main {
	margin: 146px 0 0 0;
}

#title{
	font-family: "adobe-garamond-pro", "Times New Roman", Times, "a-otf-ryumin-pr6n", serif;
		font-size: 2.2em;
	color: #7a6544;
	text-align: center;
	margin: 30px auto;
}
@media only screen and (max-width: 768px) {
	#main {
		margin: 39px 0 0 0;
	}
}
.bg-a {
	background: #EEE;
}

.hdgA {
	color: #050505;
	text-align: center;
	position: relative;
}

.hdgA_text-en {
	font-size: 2.2rem;
	display: block;
	padding: 12px 0 0 0;
}

.hdgA_text-ja {
	font-size: 1.6rem;
	letter-spacing: 0.15em;
	display: block;
	margin: 12px 0;
}

.sec_text {
    font-size: 1.6rem;
    line-height: 1.94;
    margin: 0 0 25px 0;
}

@media only screen and (max-width: 768px) {
	.hdgA_text-en {
		font-size: 2.1rem;
		padding: 0 0 0 0;
	}

	.hdgA_text-ja {
		font-size: 1.2rem;
		margin: 10px 0 0 0;
	}
	
	.sec_text {
    font-size: 1.4rem;
    line-height: 1.6;
    margin: 0 0 25px 0;
  }
}

/* Guide */
#secGuide{
	padding: 20px 0;
}

.guideMenu{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.guideMenu_item{
	font-size: 1.6rem;
	letter-spacing: 0.15em;
	display: block;
	margin: 20px 0;
	font-weight: bold;
	position: relative;
}

.guideMenu_item .current{
	color:#a38c68;
}

.guideMenu_item .current:after{
	content: "";
	position: absolute;
	display: inline;
	width: 100%;
	height:5px;
	background: #a38c68;
	left:0;
	bottom:-10px
}

.guideMenu_item a:hover{
	color:#a38c68;
}

#secPagemenu{
	margin: 20px 0 0 0;
}

#secPagemenu ul{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	border-bottom: 1px solid #EEE;
}

#secPagemenu .pagemenuList_item{
	font-size: 1.4rem;
	line-height: 1.4;
	letter-spacing: 0.15em;
	font-weight: bold;
	text-align: center;
	width: 23%;
}


#secPagemenu .pagemenuList_item a{
    display: block;
	position: relative;
    top: 0;
    left: 0;
    width: 100%;
	margin: 20px 0 40px 0;
	padding: 15px 0 25px 0;
	border: 3px solid #a38c68;
}

#secPagemenu .pagemenuList_item a:after{
	position: absolute;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-right: 1px solid #a38c68;
	border-bottom: 1px solid #a38c68;
	transform: rotate(45deg) translateX(-50%);
	position: absolute;
	bottom: 10px;
	left: 50%;
}

@media only screen and (max-width: 768px) {
	#secGuide{
		padding: 20px 0;
	}

	.guideMenu{
		flex-flow: column wrap;
		justify-content: auto;
		margin: 20px 0 0 0;
	}
	
	.guideMenu_item{
		margin: 0;
	}

	.guideMenu_item a{
		font-size: 1.4rem;
		letter-spacing: 0.15em;
		text-align: center;
		background: #fff;
		padding: 10px 0;
		display: block;
		margin: 5px 0;
		font-weight: bold;
		position: relative;
	}

	.guideMenu_item .current{
		display: block;
		padding: 10px 0;
		margin: 5px 0;
		color:#fff;
		background:#a38c68;
	}

	.guideMenu_item .current:after{
		background: none;
	}
	
	.guideMenu_item .current:hover{
		color:#fff;
	}
}


/* Support */
#secSupport{
  margin: 30px 0;	
}

#secSupport .sec_contents{
  display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	border-bottom: 1px solid #EEE;
	padding: 30px 0 10px 0;
}

#secSupport .sec_contents:first-of-type{
		padding: 0 0 10px 0;
}

#secSupport .sec_contents h3{
	width: 20%;
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: bold;
}

#secSupport .sec_contents .contensBox{
	width: 75%;
}

#secSupport .sec_contents .sec_title{
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.sec_text + ul{
	margin: -15px 0 15px 0;
}

#secSupport .sec_contents img.repair{
	width: 230px;
	margin: 20px 0;
	display: block;
}

#secSupport .sec_contents table{
	font-size: 1.6rem;
	line-height: 1.4;
	letter-spacing: 0.15em;
	display: block;
	margin: 12px 0;
}

#secSupport .sec_contents table th{
	background: #e6f4f5;
	padding: 5px;
}
#secSupport .sec_contents table th,
#secSupport .sec_contents table td{
	border: 1px solid #a3a4a4;
	text-align: center;
	vertical-align: middle;
}

#secSupport .sec_contents table td{
		padding: 15px;
}

#secSupport .sec_contents span{
	color: #a38c68;
}

#secSupport .sec_contents .address{
	border: 1px solid #a3a4a4;
	padding: 20px 30px;
}

#secSupport .sec_contents .address .name{
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: bold;
	margin: 0 0 10px 0;
}

@media only screen and (max-width: 768px) {
	#secSupport{
		margin: 30px 0;	
	}

	#secSupport .sec_contents{
		display: flex;
		flex-flow: column wrap;
		justify-content: space-between;
		border-bottom: 1px solid #EEE;
		padding: 30px 0 10px 0;
	}

	#secSupport .sec_contents:first-of-type{
			padding: 0 0 10px 0;
	}

	#secSupport .sec_contents h3{
		width: 100%;
		font-size: 1.6rem;
		line-height: 1.4;
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
		text-align: center;
		border-bottom: 5px solid #a38c68;
	}

	#secSupport .sec_contents .contensBox{
		width: 100%;
	}

	#secSupport .sec_contents .sec_title{
		font-size: 1.6rem;
		line-height: 1.4;
		margin: 0 0 10px 0;
	}

	#secSupport .sec_contents img.repair{
		width: 230px;
		margin: 20px auto;
	}

	#secSupport .sec_contents table{
		font-size: 1.4rem;
		line-height: 1.4;
		letter-spacing: 0.05em;
		display: block;
		margin: 12px 0;
		border-top: 1px solid #a3a4a4;
		border-right: 1px solid #a3a4a4;
		border-left: 1px solid #a3a4a4;
	}
	
	#secSupport .sec_contents table tbody,
	#secSupport .sec_contents table tr{
		display: block;
	}
	
	#secSupport .sec_contents table th{
		background: #e6f4f5;
		padding: 5px;
	}
	
	#secSupport .sec_contents table th,
	#secSupport .sec_contents table td{
		border: none;
		border-bottom: 1px solid #a3a4a4;
		text-align: center;
		vertical-align: middle;
		display: block;
		width: 100%;
		padding: 10px 5px;
	}

	#secSupport .sec_contents table td{
			
	}
	
	#secSupport .sec_contents .address{
		padding: 20px;
		font-size: 1.4rem;
		line-height: 1.6;
	}

	#secSupport .sec_contents .address .name{
		font-size: 1.6rem;
		line-height: 1.4;
		font-weight: bold;
		margin: 0 0 10px 0;
	}
}