@charset "utf-8";
/*==============
	表示/非表示
==============*/

/* SP以上 */
@media screen and (min-width : 320px){
.w320{	display:block;	}
.w1024{	display:none;	}
}
/* SP横以上 */
@media screen and (min-width : 480px){
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
.w320{	display:none;	}
.w1024{	display:block;	}
}

/*==============
	タイトル画像
==============*/

/* SP以上 */
@media screen and (min-width : 320px){
.title, .sat{
	width: 100px;
	}
}
/* SP横以上 */
@media screen and (min-width : 480px){
.title, .sat{
	width: 140px;
	}
}
/* Tablet以上 */
@media screen and (min-width : 768px){
.title, .sat{
	width: 160px;
	}
}
/* PC以上 */
@media screen and (min-width : 1024px){
.title, .sat{
	width: auto;
	}
}

/*==============
	横幅
==============*/

/* SP以上 */
@media screen and (min-width : 320px){
.all{		width:100% !important;	}
.half40{	width:100% !important;	}
.half45{	width:100% !important;	}
.half{		width:100% !important;	}
.half55{	width:100% !important;	}
.half60{	width:100% !important;	}
.quarter{	width:100% !important;	}
}
/* SP横以上 */
@media screen and (min-width : 480px){
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
.all{		width:100% !important;	}
.half40{	width:40% !important;	}
.half45{	width:45% !important;	}
.half{		width:50% !important;	}
.half55{	width:55% !important;	}
.half60{	width:60% !important;	}
.quarter{	width:25% !important;	}
}

/*==============
	フロート
==============*/

/* SP以上 */
@media screen and (min-width : 320px){
.none{		float: none;		}
.left{			float: none;		}
.right{		float: none;		}
.clearboth{		clear:both;		}
}
/* SP横以上 */
@media screen and (min-width : 480px){
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
.none{		float: none;		}
.left{			float: left;		}
.right{		float: right;		}
.clearboth{		clear:both;		}
}

/*==============
	マージン
==============*/

/* SP以上 */
@media screen and (min-width : 320px){
.m1{		margin:5% auto !important;		}
.mex0{	margin:0 auto !important;		}
.mex1{	margin-top:10% !important;		}
.m2{		margin:5% auto !important;		}
.mex2{	margin:0 auto !important;		}
.m3{		margin:5% auto !important;		}
.m4{		margin:5% auto !important;		}
.m5{		margin:5% auto !important;		}
.mex5{	margin:5% auto 0 auto !important;		}
.m10{	margin:5% auto !important;		}
.m20{	margin:5% auto !important;		}
.m30{	margin:5% auto !important;		}
.m40{	margin:5% auto !important;		}
.m50{	margin:5% auto !important;		}
.m60{	margin:5% auto !important;		}
.mex60{	margin:0 auto !important;		}
.m70{	margin:5% auto !important;		}
.m80{	margin:5% auto !important;		}
.m90{	margin:5% auto !important;		}
.m100{	margin:5% auto !important;		}
}
/* SP横以上 */
@media screen and (min-width : 480px){
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
.m1{		margin-top:1% !important;		}
.mex0{	margin-top:1% !important;		}
.mex1{	margin-top:1% !important;		}
.m2{		margin-top:2% !important;		}
.mex2{		margin-top:2% !important;		}
.m3{		margin-top:3% !important;		}
.m4{		margin-top:4% !important;		}
.m5{		margin-top:5% !important;		}
.mex5{	margin-top:5% !important;		}
.m10{	margin-top:10% !important;	}
.m20{	margin-top:20% !important;	}
.m30{	margin-top:30% !important;	}
.m40{	margin-top:40% !important;	}
.m50{	margin-top:50% !important;	}
.m60{	margin-top:60% !important;	}
.mex60{	margin-top:60% !important;	}
.m70{	margin-top:70% !important;	}
.m80{	margin-top:80% !important;	}
.m90{	margin-top:90% !important;	}
.m100{	margin-top:100% !important;	}
}

/*==============
	ネガティブマージン　トップ
==============*/

/* SP以上 */
@media screen and (min-width : 320px){
.m-5{		margin-top:0 !important;		}
.m-10{	margin-top:0 !important;	}
.m-20{	margin-top:0 !important;	}
.m-30{	margin-top:0 !important;	}
.m-40{	margin-top:0 !important;;	}
.m-50{	margin-top:0 !important;	}
.m-60{	margin-top:0 !important;	}
.m-70{	margin-top:0 !important;	}
.m-80{	margin-top:0 !important;	}
.m-90{	margin-top:0 !important;	}
}
/* SP横以上 */
@media screen and (min-width : 480px){
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
.m-5{		margin-top:-5% !important;		}
.m-10{	margin-top:-10% !important;	}
.m-20{	margin-top:-20% !important;	}
.m-30{	margin-top:-30% !important;	}
.m-40{	margin-top:-40% !important;;	}
.m-50{	margin-top:-50% !important;	}
.m-60{	margin-top:-60% !important;	}
.m-70{	margin-top:-70% !important;	}
.m-80{	margin-top:-80% !important;	}
.m-90{	margin-top:-90% !important;	}
}

/*==============
	ネガティブマージン　ボトム
==============*/

/* SP以上 */
@media screen and (min-width : 320px){
.mb-5{	margin-bottom:0 !important;	}
.mb-10{	margin-bottom:0 !important;	}
.mb-20{	margin-bottom:0 !important;	}
.mb-30{	margin-bottom:0 !important;	}
.mb-40{	margin-bottom:0 !important;;	}
.mb-50{	margin-bottom:0 !important;	}
.mb-60{	margin-bottom:0 !important;	}
.mb-70{	margin-bottom:0 !important;	}
.mb-80{	margin-bottom:0 !important;	}
.mb-90{	margin-bottom:0 !important;	}
}
/* SP横以上 */
@media screen and (min-width : 480px){
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
.mb-5{	margin-bottom:-5% !important;	}
.mb-10{	margin-bottom:-10% !important;	}
.mb-20{	margin-bottom:-20% !important;	}
.mb-30{	margin-bottom:-30% !important;	}
.mb-40{	margin-bottom:-40% !important;;	}
.mb-50{	margin-bottom:-50% !important;	}
.mb-60{	margin-bottom:-60% !important;	}
.mb-70{	margin-bottom:-70% !important;	}
.mb-80{	margin-bottom:-80% !important;	}
.mb-90{	margin-bottom:-90% !important;	}

}
/*==============
	ネガティブ　トップ
==============*/

.t-5{		top:-5% !important;		}
.t-10{	top:-10% !important;		}
.t-20{	top:-20% !important;		}
.t-30{	top:-30% !important;		}
.t-40{	top:-40% !important;		}
.t-50{	top:-50% !important;		}
.t-60{	top:-60% !important;		}
.t-70{	top:-70% !important;		}
.t-80{	top:-80% !important;		}
.t-90{	top:-90% !important;		}

/*==============
	パディング　トップ
==============*/

/* SP以上 */
@media screen and (min-width : 320px){
.p5{		padding-top:5% !important;		}
.pex5{		padding-top:0% !important;		}
.p10{	padding-top:10% !important;	}
.p20{	padding-top:20% !important;	}
.p30{	padding-top:30% !important;	}
.p40{	padding-top:40% !important;	}
.p50{	padding-top:50% !important;	}
}
/* SP横以上 */
@media screen and (min-width : 480px){
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
.p5{		padding-top:5% !important;		}
.pex5{		padding-top:5% !important;		}
.p10{	padding-top:10% !important;	}
.p20{	padding-top:20% !important;	}
.p30{	padding-top:30% !important;	}
.p40{	padding-top:40% !important;	}
.p50{	padding-top:50% !important;	}
}


/*==============
	パディング　ボトム
==============*/

/* SP以上 */
@media screen and (min-width : 320px){
.pb1{		padding-bottom:0 !important;}
.pb2{		padding-bottom:0 !important;}
.pb3{		padding-bottom:0 !important;}
.pb4{		padding-bottom:0 !important;}
.pb5{		padding-bottom:0 !important;}
.pb10{	padding-bottom:0 !important;}
}
/* SP横以上 */
@media screen and (min-width : 480px){
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
.pb1{		padding-bottom:1% !important;}
.pb2{		padding-bottom:2% !important;}
.pb3{		padding-bottom:3% !important;}
.pb4{		padding-bottom:4% !important;}
.pb5{		padding-bottom:5% !important;}
.pb10{	padding-bottom:10% !important;}
}

/*==============
	幅
==============*/

/* SP以上 */
@media screen and (min-width : 320px){
.w10{	width:100% !important;	}
.w20{	width:100% !important;	}
.w30{	width:100% !important;	}
.w40{	width:100% !important;	}
.w50{	width:100% !important;	}
.w55{	width:100% !important;	}
.w60{	width:100% !important;	}
.w70{	width:100% !important;	}
.w80{	width:100% !important;	}
.w85{	width:100% !important;	}
.w90{	width:100% !important;	}
.w95{	width:100% !important;	}
.w100{	width:100% !important;	}
}
/* SP横以上 */
@media screen and (min-width : 480px){
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
.w10{	width:10% !important;	}
.w20{	width:20% !important;	}
.w30{	width:30% !important;	}
.w40{	width:40% !important;	}
.w50{	width:50% !important;	}
.w55{	width:55% !important;	}
.w60{	width:60% !important;	}
.w70{	width:70% !important;	}
.w80{	width:80% !important;	}
.w85{	width:85% !important;	}
.w90{	width:90% !important;	}
.w95{	width:95% !important;	}
.w100{	width:100% !important;	}
}

/*==============
	中央寄せ
==============*/

.marauto{	display:block;margin:0 auto;	}

/*==============
	Zインデックス
==============*/

.zindex{	z-index:1;		}

/*==============
	背景
==============*/

.bgwhite{	background:#fff !important;	}
.bggreen{	background:#213135 !important;	}
.bglightgreen{	background:#cccfc8 !important;	}

/*==============
	文字寄せ
==============*/

/* SP以上 */
@media screen and (min-width : 320px){
.textleft{		text-align: center	}
.textright{		text-align: center	}
.textcenter{	text-align: center	}
}
/* SP横以上 */
@media screen and (min-width : 480px){
}
/* Tablet以上 */
@media screen and (min-width : 768px){
}
/* PC以上 */
@media screen and (min-width : 1024px){
.textleft{		text-align: left		}
.textright{		text-align: right		}
.textcenter{	text-align: center	}
}