@charset "UTF-8";
	

/* 画面サイズが640px以下の場合に適用 */
@media only screen and (max-width: 768px) {



/*--------------------------------------------
	全体
--------------------------------------------*/

.pagetop{
width:100%;
margin:8px auto;
text-align:right;
}

.pagetop_short{
float:left;
width:610px;
margin:8px 0;
text-align:right;
}

.inviewfadeInUp {
    opacity: 0;
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    transition: .8s;
}

/* fadeInUp */ 

.fadeInUp {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

.con_wrap{
	width:100%;
	margin:0 auto;
	}

h1{
	padding:30px 0 40px 0;
	width:100%;
	text-align:center;
	}

h2{
	width: 100%;
	background-image: url(../img/h2_bg.png);
	background-repeat: repeat-x;
	text-align: center;
	padding: 25px 0;
	background-position: center;
	}
	
.warp_2cal{
	width:100%;
	float:none;
	}


/*--------------------------------------------
	ヘッダー
--------------------------------------------*/

header{
	width:100%;
	float:none;
	padding:0 0 0 0;
	min-height:100%;
	}
	
/*--------------------------------------------
	ナビゲーション
--------------------------------------------*/

nav ul{
	width:90%;
	text-decoration:none;
	padding:20px 0 20px;
	margin:0 auto;
	text-align:center;
	}

nav li{
	font-size: 14px;
	padding: 12px 0;
	line-height: 1.0em;
	width: 30%;
	margin: 0 2% 5px 0;
	float: left;
	border: 1px solid #CCC;
	}




/*--------------------------------------------
	slider
--------------------------------------------*/

.slider{
	width:100%;
	height:auto;
	padding:0 0 0 0;
	float:none;
	}

.image1 {
    width: auto;
	height: auto;
}

/*--------------------------------------------
	トッップページ
--------------------------------------------*/

.top_copy01{
	width:80%;
	margin:0 auto;
	font-size:14px;
	letter-spacing: 5px;
	text-align:left;
	padding:30px 0;
	margin:0 auto;
	}

.top_copy01 br{
	display:none;
	}

.top_img{
	width:90%;
	margin:0 auto;
	padding:20px 0;
	}

.top_img img{
	width:100%;
	height:auto;
	}
	
.top_mds01{
	font-size:18px;
	padding:20px 0;
	text-align:center;
	}

.top_copy02{
	text-align:left;
	padding:10px 0;
	}

/*--------------------------------------------
	フッター
--------------------------------------------*/

footer{
	width:100%;
	padding:0 0 30px 0;
	margin:0 auto;
	}
	
footer .area01{
	width:80%;
	float:none;
	margin:0 auto;
	}

footer .area02{
	width:80%;
	float:none;
	margin:0 auto;
	padding:30px 0 0 0;
	}

footer .area03{
	width:80%;
	float:none;
	margin:0 auto;
	/*2021年01月08日修正*/
	/*padding:30px 0 0 0;*/
	padding:0 0 0 0;
	}

footer .logo{
	padding:0 0 10px 0;
	}


footer .mds{
	font-size:16px;
	font-weight:bold;
	padding:0 0 4px 0;
	}

.copyright{
	width:90%;
	margin:0 auto;
	text-align:center;
	padding:20px 0;
	}

footer .map{
	width:90%;
	float:none;
	margin:30px auto;
	}

footer .map img{
	width:100%;
	height:auto;
	}

/*--------------------------------------------
	サブページ
--------------------------------------------*/

.con_left{
	width:90%;
	float:none;
	margin:0 auto;
	padding:26px 0;
	}

.con_left h2{
	width:90%;
	background-color:#000;
	font-size:14px;
	padding:4px 5%;
	text-align:left;
	color:#FFF;
	margin:0 auto 10px auto;
	
	}

.con_left h3{
	font-size: 28px;
	padding: 12px 10px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #000;
	margin:30px 0;
	line-height:1.4em;
	}


/*--------------------------------------------
	products
--------------------------------------------*/

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

.products_list ul{
	margin:0;
	padding:0;
	}
	
.products_list li a{
	text-decoration:none;
	padding: 2px 10px;
	border: 1px solid #CCC;
	display:inline-block;
	float:left;
	margin:0 5px 5px 0;
	}

.products_set{
	width:50%%;
	text-align:center;
	float:left;
	padding:0 0 30px 0;
	margin:0 auto;
	}

.products_set img{
	width:95%;
	height:auto;
	}

/*--------------------------------------------
	mission
--------------------------------------------*/

.mission_copy01{
	font-size:16px;
	line-height:2.2em;
	padding:10px 20px 30px 20px;
	text-align:left;
	}

.mission_copy01 br{
	display:none;
	}

.mission_img01{
	text-align:center;
	padding:0 0 40px 0;
	}

.mission_img02{
	width:100%;
	text-align:center;
	padding:0 0 40px 0;
	margin:0 auto;
	}

.mission_img02 img{
	width:100%;
	height:auto;
	}

/*--------------------------------------------
	business01
--------------------------------------------*/

.business01_copy01{
	font-size:16px;
	line-height:1.6em;
	padding:20px 0;
	}

.business01_copy01 br{
	display:none;
	}

.business01_img01{
	width:100%;
	text-align:center;
	padding:0 0 60px 0;
	}

.business01_img01 img{
	width:100%;
	height:auto;
	}

.business01_img_left{
	width:100%;
	float:none;
	padding:0 0 10px 0;
	text-align:center;
	}

.business01_img_right{
	width:100%;
	float:none;
	padding:0 0 10px 0;
	text-align:center;
	}

.business01_text_right{
	width:100%;
	float:none;
	padding:0 0 10px 0;
	text-align:center;
	}

.business01_text_right p.midashi{
	text-align:center;
	}

.business01_text_right p.main{
	text-align:left
	}

.business01_img_left img{
	max-width:100%;
	height:auto;
	}

.business01_img_right img{
	max-width:100%;
	height:auto;
	}

/*--------------------------------------------
	company
--------------------------------------------*/

.company_img01{
	text-align:center;
	padding:80px 0 20px 0;
	}


	
.company_tbl table{
	border: 1px solid #999999;
	border-collapse: collapse;
text-align:left;
width:100%;
font-size:14px;
margin:0 auto 20px auto;

}

.company_tbl th{
background-color:#ececec;
	border: 1px solid #999999;
	font-weight:normal;
	text-align:left;
	height:30px;
	padding:4px 20px;
}

.company_tbl td{
	border: 1px solid #999999;
	text-align:left;
	height:30px;
	padding:4px 20px;
	
}

.footer_wrap{
	width:100%;
	float:none;
	margin:0 auto;
	}

footer .area04{
	width:80%;
	margin:0 auto;
	/*2021年01月08日修正*/
	/*padding:20px 0 0 0;*/
	padding:0 0 0 0;
	}
	
}