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


@media only screen and (max-width: 480px) {
    
 

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

body{
	background-color:#e5e5e5;
	width:100%;
	height:100%;
	overflow-x:hidden;
}



/* header
-------------------------------------------------*/

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

#topimage{
	width:1200px;
	height:300px;
	margin:0 auto;
	display:block;
	position:relative;
	z-index:1;
}

#toptext{
	width:70%;
	height:150px;
	position: relative;
	top:-100px;
	margin:0 auto;
	text-align:center;
	z-index:2;
}

#toptext2{
	width:50%;
	height:36px;
	position:absolute;
	top:-14%;
	left:10%;
	text-align:center;
	z-index:2;
}

/* work
------------------------------------------------ */

.work__titleImg--pc {
	display: none;
}

.work__titleImg--sp {
	display: block;
}

.work__content {

}

.work__year {
	width: 100%;
	margin-right: 0;
	margin-bottom: 35px;
}


.work__year ul {
	width: 100%;
}

.work__year ul li {

}

.work__items {
	width: 100%;
}

.work__img {
	width: calc(50% - 3%);
}

.work__img:nth-child(1), .work__img:nth-child(3) {
	margin-right: 6%;
}

/* nav
-------------------------------------------------*/

nav{
	width:100%;
	height:150px;
	padding-top:32px;
	padding-bottom:32px;
	border-bottom:none;
	border-top:none;
}


#gNav {
	width: 100%;
	margin:0 auto;
}

#gNav ul{
		width:100%;
}

#gNav li{
	width:50%;
	height:28px;
	padding-top:10px;
	padding-bottom:5px;
	display:block;
	float:left;
	text-indent:0;
	font-size:12px;
}

.li00{
	background-image:none;
	width:100%;
	display:block;
	background-image:none;
	text-decoration:none;
	text-align:center;
	height:28px;
	padding-top:10px;
	padding-bottom:5px;
	
}


.li01 a{
	width:100%;
	
	
	display:block;
	background-image:none;
	text-decoration:none;
	text-align:center;
	height:28px;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
}

.li02 a{
	width:100%;
	
	display:block;
	background-image:none;
	text-decoration:none;
	text-align:center;
	height:28px;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

.li03 a{
	width:100%;
	
	display:block;
	background-image:none;
	text-decoration:none;
	text-align:center;
	height:27px;
	padding-top:10px;
	padding-bottom:6px;
	border-bottom:1px solid #ccc;
	
}

.li04 a{
	width:100%;
	
	display:block;
	background-image:none;
	text-decoration:none;
	text-align:center;
	height:27px;
	padding-top:10px;
	padding-bottom:6px;
	border-bottom:1px solid #ccc;
	
	
	border-left:1px solid #ccc;
}

.li05 a{
	width:100%;
	
	display:block;
	background-image:none;
	text-decoration:none;
	text-align:center;
	height:28px;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}



.li01 a:hover,.li02 a:hover,.li03 a:hover,.li04 a:hover,.li05 a:hover{
	background-color:#f2f2f2;
}

/* article
-------------------------------------------------*/

article{
	width:100%;
}

#wrapper {
	width:90%;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
}

.box4{
	margin-bottom: 0;
}

.box2 {
	width:100%;
	margin:0;
	margin-bottom:40px;
	float:none;
	background-color:#fff;
}
.box1 {
	width:48%;
	margin-right:4%;
	float:left;
	background-color:#fff;
	margin-bottom:40px;
}

.box2_2 {
	width:100%;
	height:205px;
	margin-right: 0px;
	float:left;
	background-color:#fff;
	margin-bottom:40px;
}

.box2_3 {
	width:100%;
	height:205px;
	margin-right: 0px;
	float:left;
	background-color:#fff;
	margin-bottom:40px;
}

.end{
	padding:0;
	margin:0;
}


.pimg1{
	width:100%;
	
}

.pimg2{
	width:100%;
	height:150px;
	
}

.pimg3{
	width:51%;
	float:right;
	
}

.ptext1{
	width:70%;
}

.ptext2{
	width:86%;
	height:130px;
	padding:30px;
	
}

.ptext3{
	width:35%;
	padding:7%;
	float:left;
	
}


.box3{
	width: 100%;
	margin-right: 0px;
	margin-bottom: 20px;
}

.box3_2{
	width: 100%;
	margin-bottom: 20px;
}

.left{
	float: none;
}




/* footer
-------------------------------------------------*/
footer {
	width:100%;
	clear:both;
	margin-top:100px;
	height:60px;
	padding-top:40px;
	border-top:1px solid #ccc;
}

footer ul{
	
}

footer li{
	margin-right:10px;
	float:left;
	list-style:none;
	font-size:12px;
}

.inner{
	width:90%;
	margin:0 auto;
}



.footerli{
	width:100%;
}




/* 下位ページ
-------------------------------------------------*/

.box{
	width:80%;
	margin:0 auto;
	background-color:#fff;
	padding:30px;
}


.box td{
	padding:10px;
	border:1px solid #ccc;
	font-size:14px;
	color:#333;
}
.recruit__box td{
	border: none
}

.td02{
	background-color:#F9F9F9;
}



.box img{
	margin-bottom:10px;
}



.title_img{
	width:100%;
}




/* clearfix
--------------------------------------------------*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


} /*デバイスの横幅が480px以下の場合*/