@charset "UTF-8";
@keyframes typing { from { width: 0; } }
@keyframes caret { 50% { border-color: transparent; } }


.ptag{
padding-top:170px;
padding-bottom:10px;
width:100%;
font-size:1.2em;
margin:10px 10px 10px 100px;


}


body{
	margin-left:auto;
	margin-right:auto;
	border: 0;
	font-family:'Sawarabi Gothic', Helvetica,sans-serif; 
	color:#414042;
	width:100%;
	
	
}

ul {
  list-style: none;
  
}


h3{
	margin-bottom:30px;
	margin:10px;
	margin-left:100px;
}

.content{
	margin-left:auto;
	margin-right:auto;
	line-height: 1.4em;
	width:600px;
	margin-top:200px;

}


.pc { display: block !important; }
.sp { display: none !important; }




.moji {
	font-family: monospace;
	width:100%;
	margin-top:80px;
	margin-left:auto;
	margin-right:auto;
	width: 32ch;
	border-right: .08em solid;
	overflow: hidden;
	font-size: 4em;
	text-align:center;
	white-space: nowrap;
	animation: typing 5s steps(15, end), caret .5s step-end infinite;
}

.headimg{
	width:100%;
	height:100%;
	margin-top:-106px;
}

header{
	
	background-blend-mode:lighten;
	height:100px;
	width:100%;
}




.slideshow {
	position: relative;
	width: 470px; /* 画像の横幅 */
	height: 240px; /* 画像の縦幅 */
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
}

.slideshow img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: 1s; /* フェードの時間(秒) */
}

.slideshow .show {
	opacity: 1;
	z-index: 1;
}






.site-header{
  
	background-color:rgba(255,255,255,0);
    display: flex;
    position: fixed;
    justify-content: space-between;
    width: 100%;
	height:auto;
	z-index:100;
	
}


.hero{
    max-height: 400px;
    overflow: hidden;
}

.logo{
    height: auto;
	margin:10px 10px 10px 100px;
	
}


.copyright{
    color:#666666;
    font-size: 12px;
    text-align: center;
}

h2{
padding-top:100px;
padding-bottom:20px;
}







footer{
clear:both;
width:100%;
background: color:#414042;
padding: 30px 0;
height:auto;
margin-left:auto;
margin-right:auto;

	
}



.col-head-type1 {
  border-collapse: collapse;
  width: 100%;
  margin-left:100px;
}
 
.col-head-type1 th,
.col-head-type1 td {
  border: 1px solid #fff;  
  padding: 8px;
  
}
 
.col-head-type1 th {
  background: #fff;
  text-align: left;
  width: 120px;
}


* {
    box-sizing: border-box;
}


 
@media only screen and (max-width: 850px) {
  .col-head-type1 tr,
  .col-head-type1 th,
  .col-head-type1 td {
    display: block;
    width: 100%;
  }
  
  
  
.site-header{
	background-image:url(../image/noduslogo.png);
	background-repeat: no-repeat;
    background-position: center;
	background-size:contain;
	width:100%;                                            
    height:65px;
	margin-button:5px;                                
    background-color:rgba(255,255,255,1);
	z-index:10;
	clear: both;
	border: 10px solid;
	border-color: white;
		
} 




.logo1{
    
	text-align:center;
	clear: both;
	font-size:4em;
	color:rgba(255,255,255,0);
	margin-top:20px;
    position:absolute;
	margin:0 auto;
	width:100%;	
}



p{
	text-align:center;
}
 
 
 
 
				/*スライド*/

.pc { display: none !important; }
.sp { display: block !important; }
 
.slideshow {
	position: relative;
	width: 350px; /* 画像の横幅 */
	height: 150px; /* 画像の縦幅 */
	margin-top:50px;
	
	
}
 
#slide{
margin-left:auto;
margin-right:auto;
}



.slideshow img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: 1s; /* フェードの時間(秒) */
	width:100%; /* 画像の横幅 */
	height: auto; /* 画像の縦幅 */
}

.slideshow .show {
	opacity: 1;
	z-index: 1;
}

 

 			/*動く文字*/
 
 
.moji {
	font-family: monospace; 
	width: 16ch;
	border-right: .08em solid;
	overflow: hidden;
	font-size: 1.6em;
	white-space: nowrap;
	animation: typing 5s steps(11, end), caret .5s step-end infinite;
	text-align:center;
	width:100%;
	margin-top:30px;
}


			/*ヘッダー画像*/

header{
	height:100%;
	width:100%;
}



.headimg{
	width:100%;
	height:100%;
	margin-top:70px;
	

}

 
			/*会社概要のテーブル*/ 
  
  .col-head-type1 {
  
  margin-left:10px;
}
  
  .col-head-type1 tr:first-child {
    border-top: 1px solid #fff;  
  }
  
  .col-head-type1 th,
  .col-head-type1 td {
    border-top: none;
  }
  

h3{
	margin-bottom:30px;
	margin:10px;
	margin-left:20px;

}


.content{
	margin-top:100px;
	line-height: 1.4em;
	width:100%;
	margin-left:-10px;
}






footer{
	clear:both;
	width:100%;
	background: color:#414042;
    padding: 30px 0;
	height:auto;

	
}











* {
    box-sizing: border-box;
}





}