@charset "utf-8";
/* CSS Document */
/*タイトル部分
--------------------------*/
#bg_body {
	background-image:url(../images/bg_content.webp);
}
a:active {
	color:#06C;
}
a:hover	{
	color:#F39;
}
.customer_hd	{
	width:100%;
	padding-top:120px;
}
.scroll_hd	{
	width:100%;
	height:430px;
}

.customer_content	{
	width:100%;
	height:auto;
	margin:0 auto;
}

.customer_info	{
	width:100%;
	max-width:960px;
	margin:0 auto;
	height:auto;
	padding:2.0em;
}
.contents_nav {
	width:100%;
	max-width:650px;
	margin:0 auto;
	display:flex;
}
.customer_title a	{
	display:block;
	width:100%;
	padding:8px;
	font-size:14px;
	margin:5px;
	color:#804000;
	border:#804000 1px solid;
	background-color:#FFF;	
}

.customer_title_hd	{
	font-family:'Noto Serif JP', serif;
	font-size:20px;
	width:100%;
	text-align:left;
	padding:0.8em 0 0.8em;
	background-color:#933;
	color:#FFF;
	text-align:center;
	margin:0 auto;
}
.customer_box {
	width:100%;
	max-width:900px;
	display: flex;
  	justify-content: space-between;
	padding:1.0em;
	background-color:#FFF;
	margin:15px auto;
	border-radius:10px;
}
.customer_box_30 {
	width:100%;
	max-width:300px;
	padding:1.0em;
	margin:1.0em;
	background-color:#E8E8E8;
	border:#999 1.5px solid;
	border-radius:10px;
	text-align:left;
}
.customer_box_30 img {
	width:100%;
	padding:5px;
	border:#FFF 1px solid;
	margin-bottom:15px;
	background-color:#FFF;
}
.ob_line {
	width:100%;
	padding:20px;
	background-color:#DEDEDE;
}
.customer_box2 {
	width:100%;
	max-width:800px;
	display: flex;
  	justify-content: space-between;
	margin:0 auto;
	padding:0.5em;
	border-radius:10px;
}
.customer_box_10 {
	width:100%;
	max-width:60px;
	padding-top:5px;
}
.customer_box_90 {
	width:100%;
	max-width:800px;
	padding:1.0em;
	margin:0.2em;
	background-color:#D7FFD7;
	border-bottom:#002D00 1.5px solid;
	border-radius:5px;
	text-align:left;
}
.color_y {
	background-color:#FFD2FF;
}
.color_b {
	background-color:#FFFFB3;
}
.customer_box3 {
	width:100%;
	max-width:800px;
	display: flex;
  	justify-content: space-between;
	flex-wrap:wrap;
	margin:0 auto;
	border-radius:10px;
}
.voice_an {
	width:100%;
	max-width:500px;
	border:#999 2px solid;
	background-color:#FFF;
	margin:2.0em auto;
	padding:1.0em;
}
.customer_text{
	width:100%;
	max-width:600px;
	font-size:18px;
	text-align:left;
	color:#333;
	font-family:'Noto Serif JP', serif;
	text-align:lelf;
	margin:1.0em auto 50px;
}
.anke-to_items {
	width:100%;
	max-width:150px;
}
.sns_rogo	{
	width:100%;
	max-width:300px;
	display:flex;
	justify-content: space-between;
	margin:0 auto;
	padding:2.0em;
}

.sns_rogo_item	{
	width:70px;
	padding:0.5em;
}
.staff_sh {
	widows:100%;
	max-width:900px;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	margin:0 auto;
}
.staff_sh img	{
	width:100%;
}
.staff_sh_co {
	width:100%;
	max-width:130px;
	padding:5px;
	margin:10px;
	text-align:center;
	border:#6F9 1px solid;
	font-size:13px;
}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 750px) {
.customer_hd	{
	padding-top:80px;
}
.customer_info	{
	font-size:14px;
}



}

@media screen and (max-width: 480px) {
.customer_box3 {
	padding:0.5em;
}
.customer_text{
	padding:0.5em;
}
.customer_box {
	flex-wrap:wrap;
}
.customer_box_30 {
	max-width:100%;

}


	
}