@charset "utf-8";
/* ////////////////////////////////////////////////////////////
	File Name	page.css
*/

/*============================================================
	LAYOUT
*/
.pagenation {
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 1150px;
  margin: 0 auto;
}
#newsContent #col-1.portfolio p {
text-align: center;
	margin: 0 auto;
}


/*============================================================
	WORKS
*/
#works {
	padding:108px 0 108px 0;
	background:#f7f6f0;
}

.contents-container {
	width:1120px;
	margin:0 auto;
}

#works #col-1 {
	float:left;
	width:694px;
	margin:0 64px;
}

#works #col-1 .page-eyecatch {
	margin-bottom:90px;
}

#works #col-2 {
	float:right;
	width:136px;
}

#works #col-2 ul {

}

#works #col-2 li {
	margin-bottom:22px;
}

#works #col-2 li img {
	width:100%;
	height:auto;
}


/*============================================================
	BLOG
*/
#blog {
	padding:108px 0 108px 0;
	background:#f7f6f0;
}
#blog #col-1 {
	float:left;
	width:694px;
	margin:0 64px;
}
#blog #col-1 .page-eyecatch {
	margin-bottom:90px;
}
#col-1.blog img {
	max-width:100%;
	height:auto;
}

#blog>h2 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 45px;
}
#blog div.list-wrapper {
    overflow: hidden;
    position: relative;
    width:1150px;
    margin:0 auto;
}
#blog li {
	float: left;
	width: 25%;
	padding: 0 20px;
	margin-bottom:22px;
	box-sizing: border-box;
}
#blog li img {
	width:100%;
	height:auto;
}



/*============================================================
	HIMEKURISHO
*/
#himekurisho {
	padding:108px 0 108px 0;
	background:#f7f6f0;
}

#himekurisho div.list-wrapper {
    overflow: hidden;
    position: relative;
    width:1150px;
    margin:0 auto;
}


#himekurisho div.list-wrapper ul {
	float:left;
	margin: 0 0 0 0;
    	padding: 0;
   	position: relative;
    	left: 50%;
}

#himekurisho div.list-wrapper li {
	float:left;
	margin:0 10px 20px 10px;
	position:relative;
	left:-50%;
}

#himekurisho div.list-wrapper li iframe {
	width:362px;
	height:208px;
}

/*============================================================
	NEWS
*/
#news {
	padding:108px 0 108px 0;
	background:#f7f6f0;
}

#news #newsList a {
	text-decoration:none;
	display:block;
}

#news #newsList a:hover {
	text-decoration:underline;
}

#news #newsList .more-link {
	display:none;
}

#newsContent {
	padding:108px 0 108px 0;
	background:#f7f6f0;
}

#newsContent #col-1 {
	float:left;
	width:594px;
	margin:0 64px;
}


#newsContent #col-2 {
	float:right;
	width:236px;
	margin-bottom:22px;
}


#newsContent #col-2 section {
	margin-bottom:32px;
}

#newsContent #col-2 .screen-reader-text {
	
}

#newsContent #col-2 {
	
}

#newsContent #col-1 h2 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 45px;
}

#newsContent #col-2 h2 {
    font-size: 14px;
    margin-bottom: 4px;
}

#newsContent #col-1 img {
	margin:14px 0;
}

#newsContent #col-1 p {
	margin:0 0 24px 0;
}




/*============================================================
	CONTACT
*/
#contact {
	padding:108px 0 108px 0;
	background:#f7f6f0;
}

#contact h2 {
	text-align:center;
}

/*============================================================
	INQUIRY
*/
#inquiry {

}
#inquiry .visual {
	background: #000;
}
#inquiry .visual p {
	color: #fff;
}


#inquiry .data {
	padding: 60px 0 50px 0;
	background: #eee;
}
#inquiry .data .inner {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 15px;
	width: 100%;
	max-width: 860px;
}
#inquiry .data h2 {
	text-align: center;
}

.tb-detail {
width:800px;
margin:50px auto;
}

.tb-detail th {
padding:10px 18px 6px 12px;
border-right:none;
text-align:left;
font-size:14px;
vertical-align:middle;
width:20%;
white-space:nowrap;
}

/*.tb-detail th span.need {
color:#FFF;
background:#082a71;
font-size:70%;
padding:4px 6px;
margin-left:5px;
}*/

.tb-detail td span.need {
color:#FF0000;
margin-left:3px;
}

.tb-detail th span.need {
background:#FF0000;
	color:#FFF;
	padding:2px 4px;
	font-size:10px;
	margin-right:4px;
}


.tb-detail td {
padding:6px 12px;
text-align:left;
color:#666;
}

.tb-detail td input {
width:60%;
margin:5px 0;
background:#FFF;
border:solid 1px #999;
padding:10px;
font-size:14px;
}

.tb-detail td input.small {
width:80px;
}

.tb-detail td input.s-small {
width:50px;
}

.tb-detail td input.radiobtn {
width:14px;
background:none;
border:none;
}

.tb-detail td textarea {
width:100%;
height:200px;
margin:5px 0;
background:#FFF;
border:solid 1px #999;
padding:7px;
font-size:14px;
}

.ERR {
color:#FF0000;
text-align:center;
}







/*============================================================
	SP INQUIRY
*/
@media only screen and (max-width: 860px) {
#inquiry .data h2 {
	margin-top:40px;
}

.tb-detail {
width:95%;
margin:50px auto;
}

.tb-detail th {
width:20%;
font-size:110%;
}

.tb-detail .need {
	background:#FF0000;
	color:#FFF;
	padding:2px 4px;
	font-size:10px;
}

.tb-detail td {
width:80%;
}

.tb-detail td textarea {
width:100%;
height:200px;
margin:5px 0;
background:#FFF;
border:solid 1px #999;
padding:7px;
font-size:14px;
}
}

@media only screen and (max-width: 480px) {
.tb-detail th {
width:35%;
white-space:normal;
}

.tb-detail td {
width:80%;
}

.tb-detail td input {
width:80%;
}