@charset "utf-8";
/* CSS Document */

article {
	width: 100vw;
}
img {
	width: 100%;
}
.w1000 {
	width: 100%;
}
.sp_view {
	display:block;
}
img.new {
	width: auto;
}
/* ------------------------------------------------------------------------------------header */
header h1 {
	padding: 20px 0px 5px;
}
header nav ul {
	padding-bottom: 3px;
}
header nav ul li:before,
header nav ul li:after {
	display:none;
}
header nav ul li a {
	width: 47%;
	padding: 10px 0px;
	border:none;
    /* background-color: rgba(0,162,229,0.6); */
	background-color:rgba(255,255,255,0.8);
    border-radius: 10px;
    margin: 2px;
	height: 20px;
}
header nav ul li a.rgh {
	border:none;
}
header p.tpimg {
	font-size: 4vw;
}
header p.tpimg strong {
	font-size: 8vw;
}
header.fixed nav {
    /* background: rgba(162,221,241,0.7); */
}
header.fixed nav ul li a {
	color: #000;
}
header p#pan {
	width: 95vw;
	margin-left: 5vw;
}
/* ------------------------------------------------------------------------------------toppage */
ul#tft {
	text-align:left;
	padding-left: 5vw;
}
ul#tft li {
	width: 45vw;
	height: 45vw;
}
ul#tft li#tft01 ,
ul#tft li#tft02 ,
ul#tft li#tft03 {
	background-size: contain;
}
.fontl {
	font-size: 5vw;
}

p.noLRMargin {
	margin : 20px auto;
	width: 98%;
}
article.contborder {
	width: 98%;
}

ul#trec {
	margin: 0px auto;
	width: 98vw;
}
ul#trec div.trec_sub1,
ul#trec div.trec_sub2 {
	float:left;
	width: 48vw;
}
ul#trec div.trec_sub1 {
	margin-left: 0px;
}

ul#trec div.trec_sub2 {
	margin-left: 2vw;
}
ul#trec div.trec_sub2 li:nth-child(2) {
	margin-left: 0px;
}
ul#trec li { display: block;}
ul#trec li a {
	display: inline-block;
	width: 100%;
	height: calc( 48vw / 250.0 * 100.0 );
}

ul#trec li#trec01 ,
ul#trec li#trec02 ,
ul#trec li#trec03 {
	background-size:contain;
	width: 100%;
}
ul#trec li#trec01 {
	margin-top: calc( 48vw / 250.0 * 100.0 / 2.0 );
}

ul#trec li#trec02 {
	margin-left: 0px;
}

article.features p.cntr {
	margin-top: 0px;
}

article.latest_info ul {
    padding: 10px 5px;
    height: 150px;
}
article.latest_info ul li {
	line-height: 1.0;
    margin-bottom: 9px;
}
article.latest_info ul li a {
	line-height: 1.3;
}
article.latest_info span {
	padding-left: 2em;
}

/* ------------------------------------------------------------------------------------common */
#page_top{
  position: fixed;
  right: 5px;
  bottom: 5px;
}

div.paging {
	padding: 10px;
}
div.next {
	float: none;
	padding-top:5px;
	padding-bottom:5px;
}
div.prev {
	float: none;
	padding-top:5px;
	padding-bottom:5px;
}



/* ------------------------------------------------------------------------------------footer */

footer div#footer {
	font-size: 2vw;
}


/* ------------------------------------------------------------------------------------job */
section.job {
	width: 100vw;
}
section.job div.topics p {
	margin-top: 20px;
	margin-bottom: 20px;
}
section.job a {
	margin-top : 5px;
	margin-bottom : 5px;
}
section.job div.wrap_location,
section.job div.wrap_work {
    margin: 20px 20px 20px;
}


/* ------------------------------------------------------------------------------------job_index */
section.job_index {
	width: 100%;
}

section.job_index table {
	width: 95%;
	margin: 20px auto 30px;
}
section.job_index table th {
    letter-spacing: 0.3rem;
}
section.job_index table tr{
	padding-top: 10px;
}
section.job_index table td a {
    padding: 0px 5vw;
	font-size:5vw;
}
@media (min-width: 375px) {
	section.job_index table td a {
		padding: 0px 2rem;
		font-size:1rem;		
	}
}


/* ------------------------------------------------------------------------------------company */
section.company table {
	width: 95%;
	margin: 20px auto 30px;
	table-layout: fixed;
}
section.company table th {
    letter-spacing: 0.3rem;
}
section.company table tr{
	padding-top: 10px;
}



/* ------------------------------------------------------------------------------------clients */
section.clients article {
	width: 100vw;
}
section.clients article p {
	margin-top: 20px;
    margin-bottom: 20px;
	text-align: left;
}

/* ------------------------------------------------------------------------------------contact */
section.contact article {
	width: 100vw;
}
section.contact article p {
	margin-top: 20px;
    margin-bottom: 20px;
	text-align: left;
}
section.contact article div.lcont,
section.contact article div.rcont {
	float:none;
	width: 100vw;
	margin-bottom: 60px;
	margin-top:30px;
}
section.contact article p.contact_p {
	text-align: center;
}
section.contact article p.contact_p img {
	width: auto;
}
section.contact article div.gmap {
	position:relative;
	width:98vw;
	height:98vw;
	margin: 0 auto;
}

/* ------------------------------------------------------------------------------------thanks */
section.thanks article {
	width: 100vw;
}
section.thanks article div p {
	margin-top: 20px;
    margin-bottom: 20px;
	text-align: left;
}



/* ------------------------------------------------------------------------------------kiji-content */
article.kiji-content div.paging div.next a,
article.kiji-content div.paging div.prev a {
	display: block;
}
article.kiji-content table {
    width: 99%;
    margin: 20px auto;
}