@charset "utf-8";

@import "base_layout.css";
@import "common_parts.css";

#frameTopImage{
	width:850px;
	height:340px;
	overflow:hidden;
	float:left;
}
#frameAdv{
	padding-top: 3px;
	width:325px;
	float:right;
}
.sp2{
	display:none;
}

.flex-control-nav{
	display:none !important;
}

@media screen and (max-width: 1200px) {
#frameTopImage{
	width: 71%;
	height:auto;
}
#frameAdv{
	width: 27%;
}
#frameAdv img{
	max-width:100%;
}
}
@media screen and (max-width: 979px) {
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 620px) {
/*sp*/
.pc2{
	display:none;
}
.sp2{
	display:block;
}
#frameTopImage,
#frameAdv{
	width: 100%;
	text-align:center;
	float:none;
}
#frameAdv img{
	margin:0 auto;
	width:98%;
}
}
@media screen and (max-width: 480px){
/*sp*/
}

#framePosting{
	margin:10px 0 30px 0;
	width:100%;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
}
#framePosting .box{
	padding: 13px 18px;
	width:49%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#framePosting a{
	color:#000;
}
#framePosting #frameNews{
	background: #fff2f2 url(../../img/common/bg_stripe.png);
}
#framePosting img{
	display:block;
	vertical-align:middle;
}
#framePosting #frameNews h2{
	margin-bottom:10px;
	padding: 0 5px 10px 5px;
	background:url(../../img/toppage/dot_news_title.png) repeat-x bottom;
}
#framePosting #frameNews h2 a{
	padding-right:120px;
	background: url(../../img/toppage/btn_news_more.png) no-repeat right;
	display:block;
}
#framePosting #frameNews li{
	padding: 12px 0;
	border-bottom:1px solid #eb6877;
}
#framePosting #frameNews .date{
	color:#eb6877;
	font-weight:bold;
}

#framePosting #frameBlog{
	background: #eef9f5 url(../../img/common/bg_stripe.png);
}
#framePosting #frameBlog h2{
	margin-bottom:10px;
	padding:0 5px 10px 5px;
	background: url(../../img/toppage/dot_blog_title.png) repeat-x bottom;
}
#framePosting #frameBlog h2 a{
	padding-right:120px;
	background: url(../../img/toppage/btn_blog_more.png) no-repeat right;
	display:block;
}
#framePosting #frameBlog li{
	padding: 12px 0;
	border-bottom:1px solid #11b87b;
}
#framePosting #frameBlog .date{
	color:#179869;
	font-weight:bold;
}

#framePosting #frameNews li:last-child,
#framePosting #frameBlog li:last-child{
	border-bottom:none;
}
#framePosting h2 img{
	max-width:100%;
}

@media screen and (max-width: 979px) {
#framePosting #frameNews h2 a{
	padding-right: 0;
	padding-bottom: 36px;
	background: url(../../img/toppage/btn_news_more.png) no-repeat right bottom;
}
#framePosting #frameBlog h2 a{
	padding-right: 0;
	padding-bottom: 36px;
	background: url(../../img/toppage/btn_blog_more.png) no-repeat right bottom;
}
}
@media screen and (max-width: 768px){
#framePosting #frameNews h2 a{
	padding-right:120px;
	padding-bottom:0;
	background: url(../../img/toppage/btn_news_more.png) no-repeat right;
	display:block;
}
#framePosting #frameBlog h2 a{
	padding-right:120px;
	padding-bottom:0;
	background: url(../../img/toppage/btn_blog_more.png) no-repeat right center;
}
#framePosting{
	display:block;
}
#framePosting .box{
	margin:15px auto;
	width: 98%;
}
}
@media screen and (max-width: 620px) {
/*sp*/
}
@media screen and (max-width: 480px){
/*sp*/
#framePosting .box{
	padding: 13px 5px;
}
#framePosting #frameNews h2 a{
	padding-right: 0;
	padding-bottom: 36px;
	background: url(../../img/toppage/btn_news_more.png) no-repeat right bottom;
}
#framePosting #frameBlog h2 a{
	padding-right: 0;
	padding-bottom: 36px;
	background: url(../../img/toppage/btn_blog_more.png) no-repeat right bottom;
}
}

#frameService{
	padding:75px 0 65px 0;
	background: url(../../img/toppage/bg2.png);
}
#frameService h2{
	text-align:center;
}
#frameService #serviceMenu{
	margin-top: 60px;
	width:100%;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
}
#frameService #serviceMenu li{
	padding:10px;
	width:33%;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#frameService #serviceMenu li .btn{
	margin-top: 20px;
}
#frameService #serviceMenu li .btn img{
	margin:0 5px;
}
#frameService img{
	max-width: 98%;
}
@media screen and (max-width: 979px) {
#frameService h2{
	padding:0 10px;
}
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 620px) {
/*sp*/
}
@media screen and (max-width: 480px){
/*sp*/
#frameService{
	padding: 50px 0 0 0;
}
#frameService #serviceMenu{
	margin-top:0;
	display:block;
}
#frameService #serviceMenu li{
	padding:25px 10px;
	width: 100%;
}
#frameService #serviceMenu li .btn{
	margin-top: 0px;
}
}