a{
    text-decoration: none;
/*    font-weight:700;*/
}

a:visited{
    color:black;
}
a:hover{
    color:#d70c19;
}


#container {
    overflow:visible;
	overflow-x: hidden;
}

	
	#psection2 h2	{
	margin:20px 0 20px; padding:0;
	position:relative;
	width:100%;
	text-align:center;
font-size:1.8em;
/*color:#FFF;*/
line-height:1.2;
z-index:100;
color:#111;
/*font-weight:700;*/
letter-spacing:0.08em;
	}
	.innerbox{
		width:100%;
		clear:both;
		padding-bottom:0;
		border-bottom:1px solid #ddd;
	}
	.innerbox:last-child{ border-bottom:none;}
	.ttlbox{
		width:25%;
		margin:auto;
		/*background-color:#CC5C20;*/
		/*background-color:#f6f6f6;*/
		/*border-top:#D4C7AD solid 3px;
		border-right:#D4C7AD solid 1px;*/
		position:relative;
		overflow:hidden;
	}

    .ttlbox h2{
        font-size: 26px;
        margin:auto;
    }

	.ttlbox p{
		position:relative;
		z-index:100;
		text-align:center;
	}
		#psection2 h2 span{
	font-size:0.5em;
	color:#CC5C20;
	
/*color:#D4C7AD;*/
/*color:#666;*/
}

#psection2{
	width: 100%;
}
#psection2 .intro{
	width:90%;
	max-width:1200px;
	margin:6% 5% 0 5%;
	text-align:left;

/*	background:#CC5C20;*/
}
.contentbox{
    max-width:900px;
    padding:0; z-index:60;
	position:relative;
    margin:auto;
}
	.contentbox h3{ font-size:1.4em; /*font-weight:700;*/ color:#111; margin-bottom: 15px;}
	.contentbox h1{ font-size:1.7em; color:#111;}
.contentbox p{margin-bottom:30px; line-height:2em;}
.contentbox .kakko{letter-spacing:0.06em;}
.contentbox h3.kakko{letter-spacing:0.08em;}
.contentbox dl{margin-bottom:30px; /*border:1px solid #D4C7AD;*/ padding:30px 25px 15px 15px; position:relative;background-color:rgba(256,256,256,0.6);
/*border-top:1px solid #CC5C20; border-left:1px solid #333;*/}
/*.contentbox dl::before{
	content:'';
	position:absolute;
	top:-1px;
	right:-1px;
	height:0;
	width:0;
	border-top:7px solid #FFF;
	border-right:7px solid #FFF;
	border-bottom:7px solid #D4C7AD;
	border-left:7px solid #D4C7AD;
}
.contentbox dl::after{
	content:'';
	position:absolute;
	bottom:-1px;
	left:-1px;
	height:0;
	width:0;
	border-top:7px solid #D4C7AD;
	border-right:7px solid #D4C7AD;
	border-bottom:7px solid #FFF;
	border-left:7px solid #FFF;
}*/
.contentbox dl dt{	
	font-size:1.5em;
	color:#222;
	margin-bottom:12px;
	position:relative;
	/*font-weight:700;*/
	letter-spacing:0.06em;
}
.contentbox dl dt::before{
	content:'';
	position:absolute;
	top:48%;
	left:-15px;
	height:0px;
	width:12px;
border-top:2px solid #ccc;
}
.contentbox dl dt span{color:#CC5C20;}
.contentbox dl dd{
	margin-bottom:20px;
	margin-left:10px;
/*	border-bottom:1px dotted #D4C7AD;*/
}

.contentbox .sptbox{margin-bottom:30px; background:#fdf8f2; padding:20px 25px 15px; position:relative;background-color:rgba(256,256,256,0.6);
border:1px solid #DDD; }
.contentbox .sptbox h4{color:#CC5C20; /*font-weight:700;*/}

.sptbox ul{ 
	 list-style:none;
	 padding:0 1%;
		margin:15px 0 10px; 
	}
.sptbox ul li{
	padding:0 1.2em 0 15px;
	margin:0 0 15px;
	width:50%;
	float:left;
	position:relative;
	line-height:1.3;
	font-size:1em;
	
		}
.sptbox ul li::after{
			position: absolute;
	top: 6px;
	left: 0;
	content: '';
	height:0px;
	width:0px;
	border-top:5px solid transparent;
	border-right:6px solid transparent;
	border-bottom:5px solid transparent;
	border-left:6px solid #CC5C20;
		}
.sptbox.exm ul li{ width:100%; padding-right:0; line-height:1.7;font-size:0.9em;}
	@media all and (max-width: 480px) {
		.sptbox p{ line-height:1.8em;}
		.sptbox ul li{ width:100%; padding-right:0;}
	}


p.wk-control{
	text-align:center;
	margin-bottom:40px;
	position:relative;
	z-index:80;
}
p.wk-control a{
	text-decoration:none;
color:#333;
	margin:0 20px;
}

p.wk-control a:hover{	color:#ffb100;}

.subimgbox{
	width:100%;
	height:auto;
	background:url(../images/page/work/imac.png) center top no-repeat;
	position:relative;
	display:block;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-ms-background-size:100% auto;
}
.subimgbox img.imac{
	width:91.75%;
	height:auto;
	margin:4.125% 4.125% 0;
	position:absolute;
	top:0;
	left:0;
}
.subimgbox img.ref{
	width:100%;
	height:auto;
	/*position:absolute;
	top:0;
	right:0;*/
}

.smpimgbox{
	width:32%;
	margin: -42% 0 0 63%;
	height:auto;
	background:url(../images/page/work/iphone7.png) center top no-repeat;
	position:relative;
	display:block;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-ms-background-size:100% auto;
}
.smpimgbox img.imac{
	width:75.4%;
	height:auto;
	margin:32.5% 12.3% 0;
	position:absolute;
	top:0;
	left:0;
}
.smpimgbox img.ref{
	width:100%;
	height:auto;
	/*position:absolute;
	top:0;
	right:0;*/
}
.moreimgbox{
	width:100%;
	height:auto;
	position:relative;
	display:block;
}
.moreimgbox img{
	width:100%;
	height:auto;
	margin:10% auto 0;
}
#basetbl{
	width:100%;	
	color:#333;
	background-color:rgba(256,256,256,0.6);
	padding:4%;
/*	font-family:'dnp-shuei-gothic-kin-std','Work Sans',sans-serif;*/
}
/*#basetbl th{	vertical-align:top;}*/

	@media all and (max-width: 768px) {
		#psection1{padding-top:90px; padding-right:0; width:100%;}
		#psection1 .intro{width:100%; padding:0 0 10%;}
		#psection1 .intro .svg1{width:40%; min-width:150px;
	margin:0 auto;
				-webkit-transform: rotate(0deg);
					-ms-transform: rotate(0deg);
					transform: rotate(0deg);
}
		
		#psection1 .intro .svg2{width:15%; }
		
		#psection1.work::before{ width:110%; right:-5%;}
		#psection1.work::after{ width:90%;}
			#psection1:not(.work) .bgimgbox{	width:100%;}
		#psection1.work .bgimgbox{	width:90%; margin-right:5%;}
	header{
	width:100%;
	height:50px;
	position:absolute;
	/*border-right:none;
					border-bottom:1px solid #D4C7AD;*/
}
/*header .hnav ul{
					width:100%;
					height:100%;
					margin:0 auto;
					text-align:center;
				}
				header .hnav ul li{
					margin-top:7px;
					width:70px;
					left:0;
					top:0;
					
					display:inline-block;
					position:relative;
					-webkit-transform: rotate(0);
					-ms-transform: rotate(0);
					transform: rotate(0);
				
					}
					header .hnav ul li:first-child,
				header .hnav ul li:nth-child(2),
				header .hnav ul li:nth-child(3),
				header .hnav ul li:nth-child(4){		top:0;			}
					header .hnav ul li a::before{
						bottom:auto;
						top:-20px;
						left:0;
						width:0;
						height:20px;
				
					}
						header .hnav ul li a::after{
					bottom:auto;
						top:-20px;
						left:0;
						width:0;
						height:20px;
					
					}*/
						#psection2 .intro{width:88%; padding:0;}
					#psection2 .ttlbox	{width:100%; clear:both; margin-bottom:20px;}
					.contentbox{width:100%; clear:both;}

}

@media all and (max-width: 480px) {
	#basetbl th,	#basetbl td{ display:block; }
	#basetbl th{ padding-bottom:0;border:none;}
	#basetbl td{ padding-top:0; }
}


#pagetop{
	cursor:pointer;
	position:fixed;
	bottom:20px;
	right:20px;
color:#333;
	font-size:28px;
	line-height:38px;
	opacity:0.8;
	text-align:center;
	vertical-align:middle;
	background:#eee;
width:40px;
height:40px;
	border-radius: 20px;		
	-webkit-border-radius: 20px;	
	-moz-border-radius: 20px;
	z-index:150;
}
#pagetop:hover{opacity:1;}


/*footer{ border-top:1px solid #111;}*/
@media all and (min-width: 900px) {
	#psection2 .intro{margin:63px auto;}
}



.mapbox{
		width:100%;
		height:320px;
		background:#CCC;
	}

#map{
		width:100%;
		height:100%;
	}
	#map{
		_display:none;
	}
	

/* --------------------------------------------
 BASE TABLE
----------------------------------------------*/
.basetbl{
 margin:10px auto 30px;
	padding:0px;
	width:100%;
	/*border:1px solid #CCC;*/
	box-sizing:border-box;
}
.basetbl table{
 margin:0px auto;
	padding:0px ;
	width:100%;
	border: #FFF solid 1px;
	background-color:rgba(256,256,256,0.6);
	text-align:center;
	}

.basetbl table th{
 margin:0px ;
	padding:10px 10px ;
	/*	border-bottom: #111 solid 1px;*/
/*	background:#f6f6f6;*/
	font-weight:normal;
	text-align:left;
	}

.basetbl table td{
 margin:0px ;
	padding:10px ;
	/*border-bottom: #111 solid 1px;*/
/*border-left: #FFF solid 1px;*/
	line-height:1.6;
	text-align:left;
	
	}

	
/*.basetbl table tr:last-child th,.basetbl table tr:last-child td{
	border-bottom: none;
	}*/
	

	span.formkome{
color:#000;
		font-size:0.8em;
		white-space:nowrap;
        
	}

/*------------------
   CONTACT
		------------------*/


.contactbox{ width:100%; letter-spacing:0.06em; padding-bottom:0;}

	
.contactbox .basetbl table textarea{
	width:90%;
}
.contactbox .basetbl{
	width:100%;
	font-size:0.9em;
}
.contactbox .basetbl table{
	overflow:hidden;
}
.contactbox .basetbl table td input[type="text"],
			.contactbox .basetbl table td select,
			.contactbox .basetbl table td textarea{
				max-width:90%;
			}
			.contactbox .basetbl table td input[type="text"]{
				width:250px;
			}
			.contactbox .basetbl table td label{
				margin-right:12px;
			}
			.contactbox .basetbl table td input[type="radio"]{
				margin-right:5px;
				margin-top:-0.25em;
				border:1px solid #ccc;

			}
			
.contactbox td.errortd{
	background:#FEE;
}
			.contactbox button{
	height: 30px;
	padding:0 15px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	outline: none;
	font-size:0.9em;
	border:none;
	cursor:pointer;
	
	-webkit-transition: all .25s ease;
  transition: all .25s ease;
		-moz-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}


		.contactbox button.submit{
	background-color:#333;
	color: #fff;
}


	.contactbox button.reset{
	background-color: #ddd;
	color: #333;
}
	

.contactbox button:hover {
    background-color: #ffa700;
	color:  #fff;
	
}

@media only screen and (max-width:480px){
    .contactbox .basetbl table th,
    .contactbox .basetbl table td{
        width: 100%;
        display: block;
        border-top: none;
								border-left:none;
    }
				.contactbox .basetbl table th{
					padding:3px;
				}
			.contactbox .basetbl table td input[type="text"],
			.contactbox .basetbl table td select,
			.contactbox .basetbl table td textarea{
				width:100%;
			}
    
    .contactbox h3{
        line-height: 1.5;
        font-size:18px;
    }
}