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

html, body{
	width:100%;
	height:auto;
	min-width:320px;
	}


body{
	margin:0 auto;
	height:auto;
	}

/*-----------------------------------　ボタン*/

.button01{
	width: 96%;
	font-size:18px;
	line-height:1.5em;
	height:auto;
	padding:10px 0;
	max-width:320px;
	}

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

/*-----------------------------------　パンくず　*/

#breadcrumb{
	width:100%;
	clear:both;
	padding:4px 10px;
	line-height:1.5em;
	}
/*-----------------------------------　画像　*/

.img-center{
	display:block;
	margin:0 auto;
	max-width:100%;
	height:auto;
	}

.main-img{
	display:block;
	margin:10px auto 20px auto;
	width:100%;
	}

.main-img img{
	display:block;
	max-width:100%;
	margin:0 auto;
	}

.main-img p{
	width:100%;
	padding:20px;
	line-height:2em;}


.img-list li img{
	max-width:100%;}

.img-right{
	margin-bottom:20px;}

.img-right img{
	position:relative;
	margin:0 auto;}

/*-----------------------------------　テキスト　*/

.text-box01{
	line-height:2em;
	text-align:left;
	padding:10px 20px;
	}

.tel-box span{
	font-size:28px;}

/*-----------------------------------　共通ボックス　*/

.num{
	padding:30px 20px;
	}


.num ol{
	padding:20px;
	width:96%;
	height:auto;
	background:#FFF;
	margin:0 auto;
	}

.num li{
	padding:14px 0px;
	font-size:16px;
	}

.num li span{
	width:100%;
	height:30px;
	font-size:20px;
	text-align:center;
	line-height:30px;
	position:relative;
	display:block;
	border-radius:0;
	}

.num strong{
	background: linear-gradient(transparent 60%, #ffff66 60%);
	}

.tel-box{
	width:100%;
	line-height:2em;
	padding:20px 30px;
	}

.tel-box span{
	font-size:24px;
	color:#26bfdf;
	font-weight:bold;
	}

/*-----------------------------------　テーブル　*/

.item-list th, .item-list td{
	padding:10px 20px;
	display:block;
	width:100%;
	}

.item-list th{
	text-align:left;
	font-size:20px;
	width:100%;
	}

.item-list.locmaity td{
	width:120px;
	display:inline-block;
	}

.item-list2, .item-list2 th, .item-list2 td{
	display:block;
	}

.item-list2 tbody{
	width:100%;
	display:flex;
	}

.item-list2 tr{
	display:block;
	width:50%;
	height:auto;
	}

.item-list2 th, .item-list2 td{
	width:100%;
	height:40px;
	}


.type-list{
	width:100%;}

.type-list th{
	padding:20px 4px;}

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

header{
	width:100%;
	height:60px;
	display:block;
	position:fixed;
	top:0;
	z-index:999;
	}

#logo{
	width: calc(100% - 74px);
	max-width:300px;
	height:60px;
	display:block;
	}

header #logo{
	margin: auto 0;
	}

#logo img{
	width:100%;
	height:auto;}

nav{
	padding:0;
	display:none;
	}

header nav{
	width:100%;
	}

#menu{
	background:#CCC;
	padding:10px;
	}

#menu li{
	display:block;
	margin:2px auto;
	width:100%;
	}

#menu li a{
	display:block;
	background:#FFF;
	padding:4px 30px;
	line-height:2em;
	color:#000;
	border:none;}

#menu li ul{
	height:auto;
	display:none;
	}

#menu li ul li a{
	width:100%;
	margin:0 auto;
	border-left:10px solid #EFEFEF;
	}

header nav li ul li{
	overflow:visible;
	height:auto;
	width:90%;
	}

header nav li:hover ul{
	padding:0;
	background:none;
	position:relative;
	display:block;
	height:auto;
	
	}


header nav li:hover ul li{
	display:block;
	width:100%;
	height:40px;
	background:#FFF;
	padding:0;
	margin:0;
	
	}

header nav li ul li a{
	background:#FFF !important;
	}


/*-----------------------------------メイン*/

.sub-main{
	width:100%;
	margin:0px auto 10px auto;
	padding:10px 20px;
	}

.sub-main h1{
	font-size:24px;
	}

.sub-main h2{
	font-size:20px;
	}

.sub-main h3{
	font-size:18px;
	}


/*--------------サブページメインコンテンツ*/

#subpage{
	background:#EFEFEF;
	}

.sub-visual{
	width:100%;
	height:200px;}

/*#products{
	background:url(img/products00.gif) no-repeat center;
	background-size:auto;
	}*/

.sub-visual#products{
	background:url(img/products00.gif) no-repeat right;
	background-size:cover;
	}

.sub-visual#service{
	background:url(img/service00.gif) no-repeat top left;
	background-size:cover;
	}

.sub-visual#factory{
	background:url(img/factory00.gif) no-repeat center;
	background-size:auto;
	}

.sub-visual#company{
	background:url(img/company00.gif) no-repeat center;
	background-size:cover;
	}

.sub-visual#map{
	background:url(img/map00.gif) no-repeat center;
	background-size:cover;
	}

/*-----------------------------------　トップ*/


/*----------------トップスライド*/

.slide{
	width:100%;
	margin:60px auto -10px auto;
	height:400px;
	display:inline-block;
	background:url(slide/move-bg01.jpg) no-repeat center;
	background-size:cover;
	}

.slide video{
	display:none;
	}
	
.slide:after{
	top:30px;
	line-height:50px;
	color:#FFF;
	text-align:center;
	font-size:40px;
	}

#caption{
	overflow:hidden;
	}

#caption, .sp-slides, .sp-slide{
	width:100% !important;
	height:600px !important;
	}

.sp-image-container, .sp-mask, .sp-grab{
	height:560px !important;}

.sp-slides-container{
	height:574px;}

#caption p{
	font-size:20px;
	width:100%;
	display:block;
	margin:0 auto;
	bottom:90px;
	position:absolute;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

#caption p.center{
	background:url(slide/text01a.png) no-repeat center top;
	height:100%;
	}

.slide-text02{
	top:26%;
	height:400px;
	background:url(slide/text02a.png) center no-repeat;
	left:0;
	}

.slide-text03{
	top:26%;
	height:400px;
	background:url(slide/text03a.png) center no-repeat;
	left:0;
	}

.slide-text04{
	top:26%;
	height:400px;
	background:url(slide/text04a.png) center no-repeat;
	left:0;
	}

.slide-text05{
	top:26%;
	height:400px;
	background:url(slide/text05a.png) center no-repeat;
	left:0;
	}

.slide-text06{
	top:26%;
	height:400px;
	background:url(slide/text06a.png) center no-repeat;
	left:0;
	}

.slide-text07{
	top:26%;
	height:400px;
	background:url(slide/text07a.png) center no-repeat;
	left:0;
	}

.slide-text08{
	top:26%;
	height:400px;
	background:url(slide/text08a.png) center no-repeat;
	left:0;
	}

.slide-text09{
	top:26%;
	height:400px;
	background:url(slide/text09a.png) center no-repeat;
	left:0;
	}
	
.slide-text10{
	top:26%;
	height:400px;
	background:url(slide/text10a.png) center no-repeat;
	left:0;
	}

.slide-text11{
	top:26%;
	height:400px;
	background:url(slide/text11a.png) center no-repeat;
	left:0;
	}

.slide-text12{
	top:26%;
	height:400px;
	background:url(slide/text12a.png) center no-repeat;
	left:0;
	}

.slide-text13{
	top:26%;
	height:400px;
	background:url(slide/text13a.png) center no-repeat;
	left:0;
	}

.slide-text14{
	top:26%;
	height:400px;
	background:url(slide/text14a.png) center no-repeat;
	left:0;
	}

.slide-text15{
	top:26%;
	height:400px;
	background:url(slide/text15a.png) center no-repeat;
	left:0;
	}

.slide-text16{
	top:26%;
	height:400px;
	background:url(slide/text16a.png) center no-repeat;
	left:0;
	}

.slide-text17{
	top:26%;
	height:400px;
	background:url(slide/text17a.png) center no-repeat;
	left:0;
	}

.sp-buttons{
	position:absolute !important;
	bottom:0;}

/*トップ*/

.contents{
	display:block;
	width:100%;
	margin:0px auto;
	border-top:1px solid #C7C7C7;
	border-bottom:1px solid #C7C7C7;
	padding:10px 0;
	}

/*サービス*/

.top-contents01{
	width:100%;
	height:auto;
	background:url(img/topcontents01-bg.jpg) no-repeat center fixed;
	background-size:cover;
	padding:40px 0 150px 0;
	}

.top-contents01 h2{
	font-size:30px;
	letter-spacing:2px;
	max-width:100%;
	padding-bottom:30px;
	}

.top-contents01 p{
	line-height:2em;
	font-size:20px;
	}

.top-contents01 ul{
	width:100%;
	height:auto;
	
	}

.top-contents01 ul li{
	width:90%;
	max-width:310px;
	height:auto;
	border-radius:0;
	margin:10px auto;
	}

.top-contents01 ul li a{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:top;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding:20px;
	border-radius:0;
	color:#FFF;
	}

.top-contents01 ul li a:hover{
	border:4px solid #FFF;}


.top-contents01 ul li a img{
	width:100px;
	height:70px;
	margin:0;}

.top-contents01 ul li a p{
	padding:0;
	text-shadow:none;
	line-height:1.5em;
	}


/*----------------------------*/

.top-contents02 ul{
	display:block;
	margin:20px auto;
	}

.top-contents02 ul li{
	width:90%;
	margin:10px auto;
	}

.top-contents02 ul li a{
	display:block;
	width:100%;
	height:400px;
	padding:30px;
	}

.top-contents02 ul li a h2{
	font-size:32px;
	padding-left:60px;
	}

.top-contents02 ul li a h2 span{
	display:block;
	font-size:20px;
	letter-spacing:2px;
	}

.top-contents02 ul li:nth-child(1) a{
	background:url(img/top-contents2-01.jpg) no-repeat center;
	background-size:cover;
	color:#000;
	position:relative;
	}

.top-contents02 ul li:nth-child(1) a h2{
	background:url(img/top-icon01.png) no-repeat center left;
	background-size: 50px;
	}

.top-contents02 ul li:nth-child(2) a{
	background:url(img/top-contents2-02.jpg) no-repeat center;
	background-size:cover;
	color:#000;
	}

.top-contents02 ul li:nth-child(2) a h2{
	background:url(img/top-icon02.png) no-repeat center left;
	background-size: 50px;
	}

.top-contents02 ul li:nth-child(3) a{
	background:url(img/top-contents2-03.jpg) no-repeat center;
	background-size:cover;
	color:#000;
	}

.top-contents02 ul li:nth-child(3) a h2{
	background:url(img/top-icon03.png) no-repeat center left;
	background-size: 50px;
	}

.top-contents02 ul li:nth-child(4) a{
	background:url(img/top-contents2-04.jpg) no-repeat center;
	background-size:cover;
	color:#FFF;
	text-shadow:3px 3px 3px #000;
	}

.top-contents02 ul li:nth-child(4) a h2{
	background:url(img/top-icon04.png) no-repeat center left;
	background-size: 50px;
	}
	
/*----------------------------*/

.top-contents04{
	width:100%;
	background-position:left center;
	padding: 0;
	height:auto;
	}

.top-contents03{
	background-size:40%;}

.top-contents03 p{
	background:rgba(255,255,255,0.8);
	padding:20px;}

#caption p.one-line{
	line-height:normal;}

.top-contents03 h2{
	font-size:30px;
	padding:10px 20px;}

.recruit{
	margin:0px auto;
	width:100%;
	padding:40px 0;
	background:rgba(0,0,0,0.4);}

.recruit h2{
	font-size:40px;
	text-align:center;
	color:#FFF;}

.recruit p{
	color:#FFF;
	/*font-weight:bold;*/
	padding:30px;
	font-size:18px;
	line-height:3em;
	}

.recruit a{
	color:#000;
	background:#FFF;
	}




/*--------------サブページメインコンテンツ*/

#main-contents{
	width:100%;
	height:auto;
	}

.sub-main h1{
	font-size:24px;
	padding:20px 0;
	text-align:center;
	font-weight:bold;
	letter-spacing:4px;
	}

.sub-main h1:after{
	content:"";
	display:block;
	margin:20px auto;
	height:2px;
	/*border-bottom:2px solid #26BFDF;*/
	background:linear-gradient(to left, #FFF 0%, #26BFDF 50%, #FFF 100%);
	width:100%;}

.sub-main h2{
	font-size:20px;
	padding:10px 0 10px 0;
	text-align:center;
	color:#26BFDF;
	font-weight:bold;
	letter-spacing:4px;
	position:relative;
	}


.sub-main h3{
	font-size:18px;
	padding:14px 10px 14px 20px;
	background:#EFEFEF;
	border-left:6px solid #26BFDF;
	margin:20px 0;
	letter-spacing:4px;
	}


/*--------------サービス案内*/


.service-list li{
	width:calc(50% - 20px);
	max-width:100%;
	height:300px;
	margin:10px;
	}

.service-list li a{
	font-size:20px;
	}

.service-box{
	padding:20px;
	}

.service-box li{
	display:block;
	margin:0 auto 20px auto;
	position:relative;
	}

.service-box li:first-child{
	transition: all 0s ease 0s;
	}
	
.service-box li:nth-child(2){
	transition: all 0s ease 0s;
	}
	
.service-box li:last-child{
	transition: all 0s ease 0s;
	}

.service-box li img{
	display:block;
	width:100%;
	height:auto;}

.service-box li .text-box2{
	width:100%;
	height:auto;
	position:relative;
	top:0;
	right:0;
	padding:20px 0;
	border:none;
	}

.service-box li .text-box2 h2{
	color:#000;
	text-align:center;
	padding:0px 0 14px 0;
	font-size:20px;
	letter-spacing:0px;
	border-bottom:2px solid #26bfdf;
	}

.service-box li .text-box2 h2 span{
	display:block;
	margin-right:0px;
	border:none;
	}

.service-box li .text-box2 p{
	padding:20px;
	line-height:2em;}
	

/*--------------製品案内*/

.sub-column{
	display:block;
	}

.left-column{
	width:100%;
	margin-top:20px;
	}

.left-column li{
	font-size:16px;
	padding-right:0px;
	}

.left-column li span{
	padding:6px 0;
	}

.left-column li ul{
	display:flex;
	flex-wrap:wrap;}

.left-column li ul li{
	width:50%;
	}

.left-column li.title{
	width:100%;}

.left-column li a{
	padding:8px 0 8px 10px;
	}

.right-column{
	width:100%;
	}


.tab{
	display:flex;
	flex-wrap:wrap;
	margin:20px 0 0 0;
	}

.tab li{
	display:block;
	width:50%;
	height:auto;
	padding:20px 0;
	font-size:20px;
	text-align:center;
	background:#333;
	margin:0;
	color:#FFF;}

.tab .select{
	background:#EFEFEF;
	color:#000;
	}

.content{
	background:#EFEFEF;}

.hide{
	display:none;
	}

.products-list{
	display:flex;
	flex-wrap:wrap;
	}

.products-list li{
	width:calc(50% - 10px);
	max-width:100%;
	margin:4px;
	}

.products-list li a{
	display:block;
	color:#000;
	}

.products-list li a img{
	width:100%;
	height:auto;
	}

.products-list li a p{
	padding:20px;
	line-height:2em;
	letter-spacing:1px;
	}

.products-list li a strong{
	text-align:center;
	font-size:20px;
	padding-top:10px;
	display:block;
	}



/*------------------------製品詳細ページ*/

.product-syousai{
	display:block;
	width:100%;
	height:auto;
	margin:6px auto;
	}

.product-syousai img{
	margin:0 auto;
	}

.product-syousai p{
	display:block;
	width:100%;
	}

.comment{
	display:block;
	}

.comment li{
	border-radius:10px;
	padding:10px 20px;
	width:100%;
	}


.comment li span{
	display:block;
	text-align:center;
	padding:20px 0;
	}


.item-box{
	display:block;
	width:100%;
	}

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

.item-box .item-list{
	width:100%;
	}

/*------------------------製品用途*/

.use-list li{
	width:calc(50% - 8px);
	}

.use-list li a:hover img{
	border-radius:0;
	}

.use{
	width:320px;
	height:100%;
	overflow-y:scroll;
	background:#FFF;
	padding:10px;
}

.use-syousai{
	margin:10px auto;}

.use-syousai, .use-syousai td{
	display:block;
	}

.use-syousai td img{
	display:block;
	margin:0 auto;
	max-width:100%;
	}


/*---------------------------------武甲工場*/

.factory-box{
	display:block;
	width:100%;
	padding:0 20px;
	}

.factory-box img{
	width:100%;}

.factory-box table{
	width:100%;
	margin-left:0;
	}
	
.factory-box table thead th{
	background:#333;
	color:#FFF;
	border-collapse:collapse;
	border-bottom:2px solid #FFF;
	border-right:1px dotted #666;
	padding:8px;
	}

.factory-box table tbody tr{
	border-bottom:1px solid #CCC;
	border-collapse:collapse;
	background:#FFF;
	}

.factory-box table tbody th, .factory-box table tbody td{
	padding:10px 20px;}

.factory-box table tbody th{
	text-align:left;
	border-right:1px dotted #CCC;
	}

.factory-list, .factory-list tbody{
	display:block;
	}

.factory-list tr, .factory-list td{
	display:block;
	width:100%;
	}

.factory-list td{
	border-bottom:solid 10px #EFEFEF;
	}

.factory-list td:nth-child(1){
	border-bottom:none;
	}

.factory-list td a img{
	max-width:100%;
	width:250px;
	display:block;
	margin:0 auto;
	}

.factory-list td h2{
	max-width:100%;
	font-size:18px;}

/*--------------サイトマップ*/

.sitemap{
	display:block;
	}

.sitemap li, .sitemap li ul li{
	width:100%;
	margin:10px 0;
	display:block;
	}

/*--------------カタログ・資料請求*/

.catalog-list{
	display:block;
	}

.catalog-list li{
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
	text-align:center;
	padding:10px 0;
	vertical-align:top;
	}

.catalog-box td{
	width:100%;
	display:block;}

/*---------------------------------会社概要*/

.company-box{
	display:block;
	padding:0;
	width:100%;
	}

.company-box table{
	max-width:100%;
	margin-left:0px;
	}

.company-box img{
	display:block;
	margin:10px auto;}


.company-box table tr:last-child{
	border-bottom:none;}

.company-box table th, .company-box table td{
	padding:10px 20px;
	}
	
.company-box img{
	width:320px;
	height:auto;
	max-width:100%;}

.company-box p{
	max-width:100%;
	height:auto;}


.company-list, .history{
	max-width:100%;
	}

.company-list th, .company-list td, .history th, .history td{
	padding:10px 20px;
	display:block;}

.history th{
	width:100%;
	}


.map-box{
	display:block;
	}

.map-box tbody, .map-box tr, .map-box td{
	display:block;
	width:100%;
	}

.map-box td h4{
	font-size:20px;
	}

.map-box td img{
	max-width:100%;}

.map-box td p, .map-box td ul{
	padding:20px;
	line-height:2em;
	height:auto;
	}

.entry{
	display:block;
	}

.entry li{
	display:block;
	width:100%;
	margin:10px auto;
	}

.entry li p{
	position:absolute;
	top:200px;
	display:block;
	text-align:center;
	font-size:18px;
	width:100%;
	}

.entry li:after{
	right:40%;
	top:280px;
	z-index:10;
	transform:rotate(90deg);}

.entry li:last-child:after{
	display:none;}

/*--------------------------------お問い合わせ*/


.mail small{
	display:block;
	}

form{
	padding:20px;
	}

form table th{
	font-size:18px;
	}

form table th, form table td{
	padding:10px 0px;
	display:block;}

form table input, form table textarea{
	max-width:90%;}

form table textarea{
	width:90%;
	height:300px;}



/*--------------ページ送り*/

.page{
	text-align:center;
	}

.page span{
	padding:2px 8px;}

.page a{
	padding:2px 8px;
	border:1px solid #26bfdf;
	margin:0 4px;
	}

.page a:hover{
	border-color:#D2DBFF;
	}

	

/*-----------------------------------------ページスクロール*/


.backtotop{
	width:100%;
	position:relative;
	right:auto;
	bottom:auto;
	}


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


.address{
	display:block;
	width:100%;
	}

.address li{
	display:block;
	padding:20px 40px;}

footer nav{
	width:100%;
	height:auto;
	display:block;
	margin:20px auto;}

footer nav ul{
	background:#333;
	display:block;
	}

footer nav ul li{
	margin:4px 10px;
	height:auto;
	}

footer nav ul li a{
	background:#FFF;
	color:#000;
	width:100%;
	display:block;
	line-height:2em;
	padding:4px 20px;
	}

.copyright{
	padding:10px;
	letter-spacing:0;
	}


/*--- 画面サイズが縦が412px以下 ---*/


@media screen and (max-height:412px){

header #menu li{
	width:calc(50% - 10px);
	}

.sp-slides-container{
	height:412px;}

#caption, .sp-slides, .sp-slide{
	height:412px !important;
	}

.sp-image{
	height:100% !important;
	}

#caption p{
	display:block;
	position:absolute;
	color:#000;
	bottom:0px;
	width:100%;
	padding:6px 0;
	text-align:center;
	font-size:26px;
	z-index:99;
	}

.slide-text p{
	vertical-align:middle;
	}

.slide-text p rt{
	font-size:14px;
	}

.slide-img01, .slide-img02, .slide-img03, .slide-img04, .slide-img05, .slide-img06, .slide-img07, .slide-img08, .slide-img09, .slide-img10, .slide-img11, .slide-img12, .slide-img13, .slide-img14, .slide-img15, .slide-img16, .slide-img17{
	position:absolute !important;
	width:100% !important;
	height:auto;
	bottom:0;}

#caption p.center{
	top:20%;
	height:200px;
	background:url(slide/text01b.png) center no-repeat;
	}

.slide-text02{
	top:20%;
	height:200px;
	background:url(slide/text02b.png) center no-repeat;
	left:0;
	}

.slide-text03{
	top:20%;
	height:200px;
	background:url(slide/text03b.png) center no-repeat;
	left:0;
	}

.slide-text04{
	top:20%;
	height:200px;
	background:url(slide/text04b.png) center no-repeat;
	left:0;
	}

.slide-text05{
	top:20%;
	height:200px;
	background:url(slide/text05b.png) center no-repeat;
	left:0;
	}

.slide-text06{
	top:20%;
	height:200px;
	background:url(slide/text06b.png) center no-repeat;
	left:0;
	}

.slide-text07{
	top:20%;
	height:200px;
	background:url(slide/text07b.png) center no-repeat;
	left:0;
	}

.slide-text08{
	top:50px;
	height:200px;
	background:url(slide/text08b.png) center no-repeat;
	left:0;
	}

.slide-text09{
	top:20%;
	height:200px;
	background:url(slide/text09b.png) center no-repeat;
	left:0;
	}
	
.slide-text10{
	top:20%;
	height:200px;
	background:url(slide/text10b.png) center no-repeat;
	left:0;
	}

.slide-text11{
	top:20%;
	height:200px;
	background:url(slide/text11b.png) center no-repeat;
	left:0;
	}

.slide-text12{
	top:20%;
	height:200px;
	background:url(slide/text12b.png) center no-repeat;
	left:0;
	}

.slide-text13{
	top:20%;
	height:200px;
	background:url(slide/text13b.png) center no-repeat;
	left:0;
	}

.slide-text14{
	top:20%;
	height:200px;
	background:url(slide/text14b.png) center no-repeat;
	left:0;
	}

.slide-text15{
	top:20%;
	height:200px;
	background:url(slide/text15b.png) center no-repeat;
	left:0;
	}

.slide-text16{
	top:20%;
	height:200px;
	background:url(slide/text16b.png) center no-repeat;
	left:0;
	}

.slide-text17{
	top:20%;
	height:200px;
	background:url(slide/text17b.png) center no-repeat;
	left:0;
	}

}


/*--- 画面サイズが縦が320px以下 ---*/


@media screen and (max-height:320px){
	header #menu li{
	width:calc(50% - 10px);
	}

.sp-slides-container{
	height:320px;}

#caption, .sp-slides, .sp-slide{
	height:320px !important;
	}

.sp-image{
	height:100% !important;
	}

#caption p{
	display:block;
	position:absolute;
	color:#000;
	bottom:0px;
	width:100%;
	padding:6px 0;
	text-align:center;
	font-size:26px;
	z-index:99;
	}

.slide-text p{
	vertical-align:middle;
	}

.slide-text p rt{
	font-size:14px;
	}

.slide-img01, .slide-img02, .slide-img03, .slide-img04, .slide-img05, .slide-img06, .slide-img07, .slide-img08, .slide-img09, .slide-img10, .slide-img11, .slide-img12, .slide-img13, .slide-img14, .slide-img15, .slide-img16, .slide-img17{
	position:absolute !important;
	width:100% !important;
	height:auto;
	bottom:0;}

	}


/*--- 画面サイズが横が340px以下 ---*/

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

#logo img{
	margin:4px auto;
	display:block;}

}

/*--- 画面サイズが横が640px以下 ---*/

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

.service-list li{
	margin:10px auto;
	width:100%;
	}

.products-list{
	display:block;
	}

.products-list li{
	width:100%;
	max-width:320px;
	display:block;
	margin:10px auto;
	}

	}


@media all and (-ms-high-contrast:none) {

.top-contents01{
	background:url(img/topcontents01-bg.jpg) no-repeat center;
	background-size:cover;
	}
}
/*-----------------------------------*/
.mobile{
	display:block;
	}


.mobile-menu{
	display:block;
	width:60px;
	height:60px;
	background:#0097CA;
	position:absolute;
	top:0px;
	right:0;}


.pc{
	display:none;}