@charset "UTF-8";
#pg_home #content h2 {
	font-size:36px;
	line-height:36px;
	color:#111111;
	text-align:center;
	font-weight:bold;
}
#screen {
	height:390px;
	margin:0 auto;
	background-color:#556f87;
}
#screen figure {
	margin-top:40px;
	margin-left:5px;
	margin-right:55px;
	max-width:442px;
	width:44%;
	float:left;
}
#screen .box_c {
	margin-top:120px;
	max-width:440px;
	width:44%;
	float:left;
	text-align:center;
}

#screen h1{
	display:inline-block;
	padding:8px;
	margin-bottom:30px;
	width:160px;
	text-align:center;
	font-size:18px;
	border:3px solid #FFF;
	border-radius:30px;
	color:#FFF;
}
#screen p{
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:25px;
}
#screen p strong {
	font-size:18px;
}
#screen h1{
}
/*greeting*/
#sec_top_greeting .inr {
	width:82%;
	margin:0 auto;
}
#sec_top_greeting h2 {
	margin-bottom:40px;
	margin-top:62px;
}
#sec_top_greeting p {
	margin-bottom:30px;
	font-size:14px;
}
#sec_top_greeting p.date {
	margin-bottom:0;
	text-align:right;
}

/*service*/
#sec_top_service {
	margin-top:100px;
	margin-bottom:78px;
}
#sec_top_service > p {
	text-align:center;
	margin-bottom:24px;
}
#sec_top_service h2 {
	margin-bottom:20px;
}
#sec_top_service .box {
	border:1px solid #e8e8e8;
	width:32%;
}
#sec_top_service .box a {
	display:block;
	height:218px;
/*	background-color:#556f87;*/
	color:#FFF;
	text-decoration:none;
	position:relative;
	text-align:center;
}
#sec_top_service .box a::after{
    content: "";
    height:0;
    width:0;
    display: inline-block;
    position: absolute;
    bottom: -16px;
    left:50%;
    border: 8px solid transparent;
    margin-left:-8px;
    z-index:50;
}
#sec_top_service #box_c_market a::after{
    border-top-color: #877f55;
}
#sec_top_service #box_j_market a::after{
    border-top-color: #5874ad;
}
#sec_top_service #box_support a::after{
    border-top-color: #875555;
}
#box_c_market a {
	background-color:#877f55;
}
#box_j_market a {
	background-color:#5874ad;
}
#box_support a {
	background-color:#875555;
}



#sec_top_service .box a:hover {
	background-color:#455d74;
}
#sec_top_service .box a:hover::after {
    border-top-color: #455d74 !important;
}
#sec_top_service .box figure {
	padding-top:40px;
	padding-bottom:12px;
}
#sec_top_service .box h3 {
	font-size:18px;
	font-weight:bold;

	margin-bottom:5px;
}
#sec_top_service .box h4 {
	border:1px solid #FFF;
	border-radius:4px;
	padding:4px 0;
	display:inline-block;
	text-align:center;
	width:180px;
}
#sec_top_service .base {
	margin:0 auto;
	max-width:1000px;
	width:100%;
	display:flex;
	justify-content:space-between;
}
#sec_top_service .box p {
	font-size:12px;
	padding:18px 10px;
}

/*bnr*/
#sec_top_bnr {
	background-color:#f9fafd;
	padding:30px 0 40px;
}
#sec_top_bnr h3 {
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	margin-bottom:30px;
	padding-left:30px;
	background:url(../img/ic_reration.png) no-repeat;
}
#sec_top_bnr .box {
	width:28.2%;
	max-width:282px;
	display:inline-block;
	text-align:center;
	margin-right:7%;
	height:140px;
	margin-bottom:20px;
	overflow:hidden;
}
#sec_top_bnr .box:nth-child(3n) {
	margin-right:0;
}
#sec_top_bnr .box figure {
	margin-bottom:4px;
	border:1px solid #e8e8e8;
	box-sizing:border-box;
}
#sec_top_bnr .box figure img {
	width:100%;
	height:auto;
}

#sec_top_bnr h4 a {
	font-weight:bold;
	font-size:14px;
	color:#111;
	text-decoration:none;
}
#sec_top_bnr .box p {
	font-size:12px;
}