@charset "utf-8";
/* ----------------------------------------
 page-title
------------------------------------------- */

#portfolio{
padding-top: 400px;
background: url("../images/index-images/mv01.jpg") 50% 50% no-repeat;
background-size: cover;
}
#page-title-catch h3 {
 margin-top:3%;
}

#page-title-catch p{
 margin-top:3%;	
}

@media screen and (max-width:1599px) {
 #aboutTitle {
    padding-top: 35%;
  }
}
@media screen and (max-width: 799px) {
	
}

/* ----------------------------------------
pf-works
------------------------------------------- */

.article-box .float-l{
	width:50%;
	float:left;
}
.article-box .float-r{
	width:50%;
	float:right;
}
.btn a{
		text-decoration: none!important;
	font-size:1.6rem;
	font-weight: normal!important;
	}
.btn a:hover{
		text-decoration: none!important;
	    color:#fff!important;
	}
.group01 h3{
	padding-top:2%;
	text-align:center;
	font-size:1.6rem;
}
.group01 li{
	width:31%!important;
	float:left!important;
}

table{
	width:90%;
	margin-top:10%;
	margin-left:auto;
	margin-right:auto;
}

td,th{
	border-bottom:dotted 1px #666;
	padding:20px 0px 20px 20px;
	font-weight:normal;
}
/* =======================
  PC
======================== */
@media screen and (min-width: 1200px) {}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1199px) {

}
/* =======================
  SP
======================== */
@media screen and (max-width: 799px) {
/* ----------------------------------------
 menu
------------------------------------------- */
.menu{
  margin-bottom: 30px;
}
.menu dl{
  font-size: 1.6rem;
  padding: 8px 0;
  margin-bottom: 10px;
}
#pf-works .group01 li {
  display: inline-block;
  width: 45%;
  box-sizing: border-box;
  background-color: #fff;
  border: 0px solid #e75401;
  text-align: center;
  padding-bottom: 30px;
  margin: 0 1.1%;

	}

.article-box .float-l{
	width:98%;
	float:left;
}
.article-box .float-r{
	width:98%;
	float:right;
}

.group01 h3{
	padding-top:5%;
	text-align:center;
	font-size:1.6rem;
}

.group01 li{
	width:48%!important;
	float:left!important;
	margin-left:1%!important;
	margin-right:1%!important;
}

}