﻿@media screen and (max-width:782px) {
/*-----------------------------------------------
	main
-----------------------------------------------*/
.main{
	padding-top:10em;
}
.main .area{
	width:100%;
}
.main h2{
	width:28%;
	position:absolute;
	top:-2em;
	left:2em;
}
.main h3{
	width:40%;
	position:absolute;
	top:11em;
	right:3em;
}

/*-----------------------------------------------
	mainTx
-----------------------------------------------*/
.mainTxArea{
	padding:0 0 5em;
}
.mainTxArea .cat{
	padding-left:2em;
}
.mainTxArea p.mainCat{
	font-size:34px;
}
.mainTxArea p.mainTx{
	font-size:15px;
}
.mainTxArea p.im{
	width:80%;
	right:10%;
}
.mibbleTx{
	width:60%;
}

.lastTx{
	margin-left:50%;
}
.mainTxArea .area{
	padding-bottom:0em;
	background-size:80%;
}
/*-----------------------------------------------
	mainTec
-----------------------------------------------*/
.mainTec{
	padding:5em 0;
}
.mainTecArea{
	width:70%;
}
/*-----------------------------------------------
	imp
-----------------------------------------------*/
.imp{
	padding:5em 0;
}
.impArea{
	padding:5em 2em 0;
}
.impLeft{
	padding-right:2em;
	margin-bottom:1em;
}
.impRight{
	padding-top:1em;
}
/*-----------------------------------------------
	tec
-----------------------------------------------*/
.tec{
	padding:5em 0;
}
.tecArea{
	padding:0 1em;
}

/*-----------------------------------------------
	ga
-----------------------------------------------*/
.ga{
	padding:5em 0 0;
}
.ga ul{
	width:90%;
	margin:0 auto;
}
}
@media screen and (max-width:600px) {
.adel{
	padding-bottom:8em;
}
/*-----------------------------------------------
	main
-----------------------------------------------*/
.main{
	display:none;
}
.main_sp{
	display:block;
	padding-top:3em;
}
.main_sp img{
	width:100%;
	height:auto;
}


/*-----------------------------------------------
	title
-----------------------------------------------*/
.mainTitle{
	margin-bottom:3em;
}
.mainTitle p{
	font-size:16px;
}
.mainTitle2{
	font-size:15px;
	margin-bottom:3em;
	
}
.mainTitle2 p:before {
  width: 25px;
}
.mibbleTx{
	width:100%;
	margin-left:0;
	padding-left:2em;
	padding-right:1em;
	
	margin-bottom:3em;
	margin-top:-5em;
}
.mibbleTx p{
	line-height:1.8;
}
.lastTx{
	margin-left:5%;
}
.lastTx br.sp{
	display:none;
}
.mainTxArea .area{
	padding-bottom:13em;
	background-size:90%;
}
/*-----------------------------------------------
	mainTx
-----------------------------------------------*/
.mainTxArea{
	padding:0 0 0;
}
.mainTxArea .cat{
	padding-left:1em;
}
.mainTxArea p.mainCat{
	font-size:20px;
}
.mainTxArea p.mainCat2{
	font-size:16px;
}
.mainTxArea p.mainTx{
	font-size:14px;
	line-height:2;
}
.mainTxArea p.mainTx br.sp{
	display:none;
}
.mainTxArea p.im{
	position:relative;
	width:90%;
	z-index:1;
	right:0;
	top:-2em;
	margin-left:15%
}
.mibbleTx{
	position:relative;
	z-index:1.8;
	padding-top:0em;
	margin-bottom:0em;
}
/*-----------------------------------------------
	mainTec
-----------------------------------------------*/
.mainTec{
	padding:3em 0;
}
.mainTecArea{
	width:90%;
	padding-top:0;
}
.mainTecArea li{
	margin-bottom:2em;
}
.mainTecArea p.tx{
	font-size:13px;
	line-height:1.6;
}
.mainTecArea p.im{
	margin-bottom:0.5em;
}
/*-----------------------------------------------
	imp
-----------------------------------------------*/
.imp{
	padding:3em 0;
}
.impArea{
	padding:2em 1em 0;
}
.impLeft{
	float:none;
	width:80%;
	margin:0 auto;
	padding-right:0em;
}
.impRight{
	padding-top:2em;
}
.imp .txArea{
	line-height:2;
}
.imp .txArea p{
	margin-bottom:1.5em;
}
/*-----------------------------------------------
	tec
-----------------------------------------------*/
.tec{
	padding:3em 0;
}

.tecIm{
	margin-bottom:0.5em;
	float:none;
	width:100%;
}
.tecB{
	float:none;
	width:100%;
	padding-left:0;
	
}
.tecName{
	font-size:15px;
}
.tecTx{
	font-size:13px;
}
.tecArea li{
	margin-bottom:3em;
}
.tecSub{
	padding-top:3em;
}
.tecSub img{
	width:90%;
}
/*-----------------------------------------------
	BT
-----------------------------------------------*/

.linkBtArea{
	padding-top:1em;
	text-align:center;
}
p.linkBt{
	width:80%;
	margin:0 auto;
	font-size:13px;
}
p.linkBt a:link{
	padding:0;
	width:100%;
}
/*-----------------------------------------------
	ga
-----------------------------------------------*/
.ga{
	padding:3em 0 0;
}
.ga ul{
	width:100%;
}
.ga li:first-child{
	margin:0 auto 1em;
}
.ga li:nth-child(2){
	padding-top:5em;
	margin-left:2%;
}
.ga li:last-child{
	width:50%;
	margin-left:5%;
}
}
