@charset "UTF-8";
/*##########################################
#common
###########################################*/
#pg_home #main {
	padding-top:80px;

}
#top_search {
	text-align:center;
}
#top_search .talk {
	background-color:#6d9add;
	color:#FFF;
	font-size:20px;
	border-radius:8px;
	display:inline-block;
	padding:15px 100px;
	position:relative;
}
.talk:after {
    content: "";
    height:0;
    width:0;
    display: inline-block;
    border: 12px solid transparent;
    border-top-color: #6d9add;
    position: absolute;
    bottom: -24px;
    left:50%;
    margin-left:-12px;
}
#top_search .talk span.sp3 {
	display:block;
}
#top_search form {
	padding-top:20px;
}
#top_search select {
	width:282px;
	height:63px;
	font-size:16px;
	padding:5px 8px;
	border-radius:4px 0 0 4px;
	border:1px solid #5b5b5b;
	box-sizing:border-box;
	vertical-align:top;
}
#top_search input {
	width:124px;
	height:63px;
	font-size:16px;
	background-color:#6d9add;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	border-radius:0 4px 4px 0;
	border:1px solid #5b5b5b;
	cursor:pointer;
	vertical-align:top;
}
#top_search input:hover {
	background-color:#6391d5;
}
#top_about {
	margin-top:130px;
}

#top_about p.read{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#0f91f9;
}
#top_about p.read a{
	color:#0f91f9;
}
#top_about .base_flex {
	display:flex;
	justify-content:space-between;
}

#top_about .box {
	width:30%;
	border:3px solid #6d9add;
	text-align:center;
	border-radius:10px;
	padding:15px 0 0;
	box-sizing:border-box;
	overflow:hidden;
	background-color:#bdeaff;
}
#top_about figure {
	height:196px;
}
#top_about figure img {
	width:auto;
	height:100%;
}
#top_about .box p {
	background-color:#6d9add;
	color:#FFF;
	font-size:18px;
	padding:12px 0;
	margin-top:5px;
	font-weight:bold;
}
#top_about .box p a {
	color:#FFF;
	text-decoration:none;
}
#top_about .notice {
	width:686px;
	margin:30px auto 0;
	font-size:14px;
}
#top_about .large_click:hover {
	background-color:#a3e2ff;
}

#top_intro {
	margin-top:80px;
}

#top_msg,
#top_usage {
	background-color:#f4f4f4;
	border-radius:6px;
	position:relative;

}
#top_msg .st3,
#top_usage .st3{
	position:absolute;
	top:-30px;
	left:50%;
	margin-left:-208px;
}
#top_msg {
	padding:60px 110px 30px;
}
#top_usage {
	margin-top:60px;
	padding:40px 60px 60px;
}
#top_usage .box {
	margin-top:60px;
}
#top_usage .box p {
	margin-top:20px;
}
#top_usage .pics figure {
	display:inline-block;
}
#top_usage .pics {
	margin-top:20px;
}
#top_usage .pics figure img {
	height:180px;
	width:auto;
}

#top_others {
	text-align:center;
	margin-top:100px;
}
#top_others .box {
	width:272px;
	height:300px;
	display:inline-block;
	margin-right:15px;
	margin-top:25px;
	overflow:hidden;
	padding-top:12px;
}
#top_others .box figure {
	width:250px;
	height:200px;
	margin:0 auto 5px;
}
#top_others .box figure {
	border:1px solid #d1d1d1;
}
#top_others .box h3 a {
	font-size:18px;
	font-weight:bold;
	color:#5f6df2;
	text-decoration:none;
}
#top_others .box p {
	font-size:14px;
	line-height:1.3;
}
#top_others .large_click:hover {
	background-color:#f7f3f2;
}