@charset "utf-8";


.content{
	min-width:940px;
}
#top_menu ul li:nth-child(7) p:first-child{
    color: #205167 !important;
}
.fixed{
	position:fixed !important;
}


.pc_menu {
    display: block !important;
    width: 100%;
    height: 60px;
    background: #fff;
    position: absolute;
    top: 0px;
	z-index:9999;
}



.customers_top{
	display:block;
	width:100%;
	height:584px;
	position:relative;
	background:url(../../images/customers/customers_top.jpg) no-repeat top center;
	background-size:cover;
	margin-top:60px;
}


.customers_top p.pan{
	position:relative;
	z-index:2;
	font-size:0.9rem;
	top:40px;
	width:95%;
	max-width:940px;
	margin:0 auto;
}
.customers_top p.pan a{
	font-size:0.9rem;
	display:inline-block;
	margin-right:15px;
}

.customers_top_title{
	width:100%;
	max-width:940px;
	margin:0 auto;
	position:relative;
	top:35%;
}


.customers_top h2{
	display:block;
	width: 60%;
	text-align:center;
	position:absolute;
	height:48px;
	line-height:48px;
	right:0;
	font-size:2.4rem;
	letter-spacing:0.8rem;
	color:#fff;
	font-weight:normal;
	z-index:2;
}

.customers_top h2:after{
	position:absolute;
	display:block;
	content:'';
	height:22px;
	width:100%;
	bottom:-5px;
	background:rgba(0,29,49,0.5);
	z-index:-1;
}


.customers_content01{
	width:90%;
	max-width:900px;
	margin:0 auto;

}
.customers_content01 .text{
	width:600px;
	float:left;
}
.customers_content01 img{
	display:block;
	width:240px;
	float:right;
}

.customers_content01 .text p{
	color:#000;
	line-height:1.6rem;
}

.customers_content01 .text p.underline_text{
	display:block;
	width:100%;
	padding:20px 0 6px;
	border-bottom:1px dotted #E2E2E3;
	margin-top:10px;
	font-weight:bold;

}
.customers_content01 .text p:nth-child(5){
	margin-bottom:25px;
}
.customers_content01 .text p:nth-child(5),
.customers_content01 .text p:last-child{
	display:block;
	margin-top:35px;
}



.support{
	width:200px;
	height:50px;
	border:1px solid #C5C5C6;
	margin:60px 0 20px;
	text-align:center;
}

.support p{
	line-height:50px;
	font-size:0.9rem;
	font-weight:bold;
	display:block;
	width:100%;
}

.tel_area{

}
.tel_area p{
	font-size:0.8rem;
	line-height:2rem;
	font-weight:bold;
}
.tel_area h4{
	font-size:2.4rem;
	color:#717071;
	font-family: 'gidole';
	line-height:34px;
}

.tel_area h4 img{
	display:inline-block;
	width:54px;
	float:none;
	margin-right:1%;
}


/* PC */

@media screen and (min-width:769px){
.sp_area{display:none;}
}

@media screen and (max-width:980px){
.pc_menu {
	display:none !important;
}
.customers_top{
	display:block;
	margin-top:0px;

}
}


/* mobile */

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

.sp_area{
	display:block;
}
.content{
	max-width:736px;
	min-width:320px;
	margin:0 auto;
}
.pc_menu{
	display:none !important;
}
.customers_content01{
	display:none;
}

.customers_top{
	display:block;
	width:100%;
	height:284px;
	position:relative;
	background:url(../../images/customers/customers_top.jpg) no-repeat top center;
	background-size:cover;
	margin-top:0px;
}


.customers_top p.pan{
	position:relative;
	z-index:2;
	font-size:0.9rem;
	top:10px;
	width:95%;
	max-width:940px;
	margin:0 auto;
}
.customers_top p.pan a{
	display:inline-block;
	margin-right:10px;
}

.customers_top_title{
	width:100%;
	max-width:940px;
	margin:0 auto;
	position:relative;
	top:25%;
}


.customers_top h2{
	width: 330px;
	height: 50px;
	line-height: 70px;
	letter-spacing: 7px;
	right: 7%;
	font-size: 1.4rem;
}

.customers_top h2:after{
	position:absolute;
	display:block;
	content:'';
	height:22px;
	width:100%;
	bottom:-5px;
	background:rgba(0,29,49,0.5);
	z-index:-1;
}


.customers_content_sp{
	display:block;
	width:90%;
	margin:0 auto;
}

.customers_content_sp p{
	display:block;
	width:100%;
	font-size:0.9rem;
	line-height:1.6rem;
}
.customers_content_sp p img{
	width: 30%;
	float:right;
	margin: 0 0 10px 10px;
}

/* START_電話でのお問い合わせ */
.tel_area .support{
	width:200px;
	height:50px;
	border:1px solid #C5C5C6;
	margin:10px 0;
	text-align:center;
}

.tel_area .support p{
	line-height:50px;
	font-size:0.9rem;
	font-weight:bold;
	display:block;
	width:100%;
	margin:0;
}

.tel_area{
	display:block;
	width: 90%;
	margin: 50px auto 50px;
	padding: 0;
}
.tel_area p{
	font-size:0.7rem;
	line-height:2.4rem;
	font-weight:bold;
	margin-top:-10px;
}
.tel_area h4{
	font-size:2.4rem;
	color:#717071;
	font-family: 'gidole';
	line-height:34px;
}

.tel_area h4 img{
	display:inline-block;
	width:49px;
	float:none;
	margin-right:1%;
}
/* END_電話でのお問い合わせ */


/* 																												end
----------------------------------------------------------------------------------------------------------------- */}
@media screen and (max-width:640px){
.content{
	max-width:640px;
	min-width:320px;
}



/* 																												end
----------------------------------------------------------------------------------------------------------------- */}


@media screen and (max-width:414px){
.content{
	max-width:414px;
	min-width:320px;
}

.customers_top{
	display:block;
	width:100%;
	height:204px;
	position:relative;
	background:url(../../images/customers/customers_top.jpg) no-repeat top center;
	background-size:cover;
	margin-top:0px;
}


.customers_top p.pan{
	position:relative;
	z-index:2;
	font-size:0.7rem;
	top:10px;
	width:95%;
	max-width:940px;
	margin:0 auto;
}
.customers_top p.pan a{
	font-size:0.7rem;
	display:inline-block;
	margin-right:15px;
}

.customers_top_title{
	width:100%;
	max-width:940px;
	margin:0 auto;
	position:relative;
	top:25%;
}

.customers_top h2{
	width: 270px;
	height: 50px;
	line-height: 60px;
	letter-spacing: 7px;
	right: 4%;
	font-size: 1.2rem;
}

.customers_top h2:after{
	position:absolute;
	display:block;
	content:'';
	height:18px;
	width:100%;
	bottom:3px;
	background:rgba(0,29,49,0.5);
	z-index:-1;
}


.customers_content_sp{
	display:block;
	width:90%;
	margin:0 auto;
}

.customers_content_sp p{
	display:block;
	width:100%;
	font-size:0.9rem;
	line-height:1.6rem;
}

/* 																												end
----------------------------------------------------------------------------------------------------------------- */}


@media screen and (max-width:375px){
.content{
	max-width:375px;
	min-width:320px;
}

/* 																												end
----------------------------------------------------------------------------------------------------------------- */}
@media screen and (max-width:360px){
	.tel_area .support p{
		letter-spacing:-0.5px;
	}
	.tel_area p{
		/* letter-spacing: -1.8px; */
	}

/* 																												end
----------------------------------------------------------------------------------------------------------------- */}
@media screen and (max-width:320px){

.content{
	max-width:320px;
	min-width:320px;
}
.customers_top{
	display:block;
	width:100%;
	height:160px;
	position:relative;
	background:url(../../images/customers/customers_top.jpg) no-repeat top center;
	background-size:cover;
	margin-top:0px;
}


.customers_top p.pan{
	position:relative;
	z-index:2;
	font-size:0.7rem;
	top:10px;
	width:95%;
	max-width:940px;
	margin:0 auto;
}
.customers_top p.pan a{
	font-size:0.7rem;
	display:inline-block;
	margin-right:15px;
}

.customers_top_title{
	width:100%;
	max-width:940px;
	margin:0 auto;
	position:relative;
	top:25%;
}


.customers_top h2{
	width: 240px;
	height: 40px;
	line-height: 40px;
	letter-spacing: 5px;
	right: 2%;
	font-size: 1.0rem;
}

.customers_top h2:after{
	position:absolute;
	display:block;
	content:'';
	height:18px;
	width:100%;
	bottom:3px;
	background:rgba(0,29,49,0.5);
	z-index:-1;
}


.customers_content_sp{
	display:block;
	width:90%;
	margin:0 auto;
}

.customers_content_sp p{
	display:block;
	width: 100%;
	font-size: 0.7rem;
	line-height: 1.2rem;
}

/* 																												end
---------------------------------------------------------------------------------------------------------------- */}