﻿@charset "utf-8";


#right{
	background-color:#f7f7f7;
}

/*****************************************************
header
*****************************************************/
#top_img{
	background: url(../img/receipt1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	height:400px;
}

header{
	margin-top:-130px;
	padding:0 40px;
}
header div{
	background-color:#fff;
	margin:0 auto;
	padding:60px 30px;
	text-align:center;
}
header h1{
	font-size:32px;
	color:#ee2f53;
	font-weight: 500;
	margin-top:40px;
}
header h1 span{
	display:block;
	font-size:13px;
	color:#ee2f53;
}
.h1_over{
	font-size:18px;
}
.h1_under{
	margin-top:40px;
	line-height:1.6;
	font-weight: 500;
}

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

	#top_img{
		height:300px;
	}
	header{
		padding:0 15px;
	}
	header div{
		padding:40px 0;
	}
	header h1{
		margin-top:20px;
	}
	.h1_under{
		margin-top:20px;
		text-align: justify;
		padding:0 20px;
	}
	.h1_under br{
		display:none;
	}

}

/*****************************************************
main
*****************************************************/
main{
	min-height:500px;
	padding:0 40px;
}
main section{
	background-color:#fff;
}

@media screen and (max-width: 800px) {
	main{
		padding:0 15px;
	}
}


/*****************************************************
service
*****************************************************/

#service{
	padding:50px 30px;
}

#service h2,
#service h2 * {
	font-size:24px;
}
#service h2{
	border-bottom:1px solid #aaa;
	margin-top:40px;
}
#service h2:nth-of-type(1){
	margin-top:0;
}
#service h2 span{
	display: inline-block;
	margin-bottom: -1px;
	border-bottom:1px solid #ee2f53;
	font-weight: 500;
}
#service .h2_under{
	margin-top:20px;
	line-height:1.6;
	font-weight: 500;
	text-align: justify;
}

#service div{
	margin-top:40px;
	background: linear-gradient(rgba(77, 77, 77, 0.6),rgba(77,77,77,0.7)),url(../img/rece_flow_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	padding:30px;
	/* height:450px; */
}

#service div img{
	width:100%;
	max-width:550px;
	margin:0 auto;
	display:block;
}

@media screen and (max-width: 800px) {
	#service{
		padding:50px 15px;
	}
}






/*****************************************************
s_content
*****************************************************/

#s_content{
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	-webkit-justify-content:center;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	/* padding:0 20px 50px 20px; */
	padding-bottom:50px;
	margin-bottom:50px;
}

#s_content > div{
	flex-grow:1;
	-webkit-flex-grow:1;
	width:45%;
	max-width:45%;
	padding:15px;
	margin:10px;
	border: 1px solid #e1e1e1;
}
#s_content > div.empty{
	border:none;
}
#s_content h3{
	font-size: 20px;
	color: #ee2f53;
	text-align:center;
	font-weight:500;
	margin:20px 0;
}

#s_content p{
	font-size: 14px;
	font-weight:500;
	text-align: justify;
	line-height:1.6;
}

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

#s_content{
	padding-left:15px;
	padding-right:15px;
}
	#s_content > div{
		width:100%;
		max-width:100%;
		margin:0;
		margin-bottom:10px;
	}
	#s_content > div.empty{
		display:none;
	}

}
