/******************************************
image
******************************************/
.fit-img img,
.fit-img{
	height: auto;
	width: 100%;
}
.fit-max-img img,
.fit-max-img{
	height: auto;
	max-width: 100%;
}
/******************************************
margin
******************************************/
/*margin-top*/
.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}
.mt40{
	margin-top: 40px;
}
.mt50{
	margin-top: 50px;
}
.mt60{
	margin-top: 60px;
}
.mt70{
	margin-top: 70px;
}
.mt80{
	margin-top: 80px;
}
.mt90{
	margin-top: 90px;
}
.mt100{
	margin-top: 100px;
}
/*margin pc only*/
@media screen and (min-width: 769px) {
	.mt10-pc{
		margin-top: 10px;
	}
	.mt20-pc{
		margin-top: 20px;
	}
	.mt30-pc{
		margin-top: 30px;
	}
	.mt40-pc{
		margin-top: 40px;
	}
	.mt50-pc{
		margin-top: 50px;
	}
	.mt60-pc{
		margin-top: 60px;
	}
	.mt70-pc{
		margin-top: 70px;
	}
	.mt80-pc{
		margin-top: 80px;
	}
	.mt90-pc{
		margin-top: 90px;
	}
	.mt100-pc{
		margin-top: 100px;
	}
}
/*margin sp only*/
@media screen and (max-width: 768px) {
	.mt10-sp{
		margin-top: 10px;
	}
	.mt20-sp{
		margin-top: 20px;
	}
	.mt30-sp{
		margin-top: 30px;
	}
	.mt40-sp{
		margin-top: 40px;
	}
	.mt50-sp{
		margin-top: 50px;
	}
	.mt60-sp{
		margin-top: 60px;
	}
	.mt70-sp{
		margin-top: 70px;
	}
	.mt80-sp{
		margin-top: 80px;
	}
	.mt90-sp{
		margin-top: 90px;
	}
	.mt100-sp{
		margin-top: 100px;
	}
}
/*margin-bottom*/
.mb10{
	margin-bottom: 10px;
}
.mb20{
	margin-bottom: 20px;
}
.mb30{
	margin-bottom: 30px;
}
.mb40{
	margin-bottom: 40px;
}
.mb50{
	margin-bottom: 50px;
}
.mb60{
	margin-bottom: 60px;
}
.mb70{
	margin-bottom: 70px;
}
.mb80{
	margin-bottom: 80px;
}
.mb90{
	margin-bottom: 90px;
}
.mb100{
	margin-bottom: 100px;
}
/*margin-bottom pc only*/
@media screen and (min-width: 769px) {
	.mb10-pc{
		margin-bottom: 10px;
	}
	.mb20-pc{
		margin-bottom: 20px;
	}
	.mb30-pc{
		margin-bottom: 30px;
	}
	.mb40-pc{
		margin-bottom: 40px;
	}
	.mb50-pc{
		margin-bottom: 50px;
	}
	.mb60-pc{
		margin-bottom: 60px;
	}
	.mb70-pc{
		margin-bottom: 70px;
	}
	.mb80-pc{
		margin-bottom: 80px;
	}
	.mb90-pc{
		margin-bottom: 90px;
	}
	.mb100-pc{
		margin-bottom: 100px;
	}
}
/*margin-bottom sp only*/
@media screen and (max-width: 768px) {
	.mb10-sp{
		margin-bottom: 10px;
	}
	.mb20-sp{
		margin-bottom: 20px;
	}
	.mb30-sp{
		margin-bottom: 30px;
	}
	.mb40-sp{
		margin-bottom: 40px;
	}
	.mb50-sp{
		margin-bottom: 50px;
	}
	.mb60-sp{
		margin-bottom: 60px;
	}
	.mb70-sp{
		margin-bottom: 70px;
	}
	.mb80-sp{
		margin-bottom: 80px;
	}
	.mb90-sp{
		margin-bottom: 90px;
	}
	.mb100-sp{
		margin-bottom: 100px;
	}
}
/*margin-left*/

/*margin-left pc only*/
@media screen and (min-width: 769px) {
}
/*margin-left sp only*/
@media screen and (max-width: 768px) {
}
/*margin-right*/
.mr10{
	margin-right: 10px;
}
.mr20{
	margin-right: 20px;
}
.mr30{
	margin-right: 30px;
}
.mr40{
	margin-right: 40px;
}
.mr50{
	margin-right: 50px;
}
.mr60{
	margin-right: 60px;
}
.mr70{
	margin-right: 70px;
}
.mr80{
	margin-right: 80px;
}
.mr90{
	margin-right: 90px;
}
.mr100{
	margin-right: 100px;
}
/*margin-right pc only*/
@media screen and (min-width: 769px) {
	.mr10-pc{
		margin-right:10px;
	}
	.mr20-pc{
		margin-right:20px;
	}
	.mr30-pc{
		margin-right:30px;
	}
	.mr40-pc{
		margin-right:40px;
	}
	.mr50-pc{
		margin-right:50px;
	}
	.mr60-pc{
		margin-right:60px;
	}
	.mr70-pc{
		margin-right:70px;
	}
	.mr80-pc{
		margin-right:80px;
	}
	.mr90-pc{
		margin-right:90px;
	}
	.mr100-pc{
		margin-right:100px;
	}
}
/*margin-right sp only*/
@media screen and (max-width: 768px) {
	.mr10-sp{
		margin-right:10px;
	}
	.mr20-sp{
		margin-right:20px;
	}
	.mr30-sp{
		margin-right:30px;
	}
	.mr40-sp{
		margin-right:40px;
	}
	.mr50-sp{
		margin-right:50px;
	}
	.mr60-sp{
		margin-right:60px;
	}
	.mr70-sp{
		margin-right:70px;
	}
	.mr80-sp{
		margin-right:80px;
	}
	.mr90-sp{
		margin-right:90px;
	}
	.mr100-sp{
		margin-right:100px;
	}
}
/******************************************
padding
******************************************/
/*padding-bottom pc only*/
@media screen and (min-width: 769px) {
	.pb10-pc{
		padding-bottom:10px;
	}
	.pb20-pc{
		padding-bottom:20px;
	}
	.pb30-pc{
		padding-bottom:30px;
	}
	.pb40-pc{
		padding-bottom:40px;
	}
	.pb50-pc{
		padding-bottom:50px;
	}
	.pb60-pc{
		padding-bottom:60px;
	}
	.pb70-pc{
		padding-bottom:70px;
	}
	.pb80-pc{
		padding-bottom:80px;
	}
	.pb90-pc{
		padding-bottom:90px;
	}
	.pb100-pc{
		padding-bottom:100px;
	}
}
/*padding-bottom sp only*/
@media screen and (max-width: 768px) {
	.pb10-sp{
		padding-bottom:10px;
	}
	.pb20-sp{
		padding-bottom:20px;
	}
	.pb30-sp{
		padding-bottom:30px;
	}
	.pb40-sp{
		padding-bottom:40px;
	}
	.pb50-sp{
		padding-bottom:50px;
	}
	.pb60-sp{
		padding-bottom:60px;
	}
	.pb70-sp{
		padding-bottom:70px;
	}
	.pb80-sp{
		padding-bottom:80px;
	}
	.pb90-sp{
		padding-bottom:90px;
	}
	.pb100-sp{
		padding-bottom:100px;
	}
}

/******************************************
text
******************************************/
/*font-famiry*/
.gothic{
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.serif{
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
/*position*/
.text-center {
  text-align: center;
}
@media screen and (min-width:769px){
	.text-center-pc {
		text-align: center;
	}	
}
@media screen and (max-width:768px){
	.text-center-sp {
		text-align: center;
	}
}
.text-left {
  text-align: left;
}
@media screen and (min-width:769px){
	.text-left-pc {
		text-align: left;
	}	
}
@media screen and (max-width:768px){
	.text-left-sp {
		text-align: left!important;
	}
}
.text-right {
  text-align: right;
}
@media screen and (min-width:769px){
	.text-right-pc {
		text-align: right;
	}	
}
@media screen and (max-width:768px){
	.text-right-sp {
		text-align: right!important;
	}
}
/*weight*/
.text-normal {
  font-weight: normal;
}
.text-bold {
  font-weight: bold;
}
/******************************************
width
******************************************/
.w100 {
  width: 100%;
}
@media screen and (min-width: 769px) {
	.w100-pc{
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.w100-sp{
		width: 100%;
	}
}
.w70 {
  width: 70%;
}
@media screen and (min-width: 769px) {
	.w70-pc{
		width: 70%;
	}
}
@media screen and (max-width: 768px) {
	.w70-sp{
		width: 70%;
	}
}
.w50 {
  width: 50%;
}
@media screen and (min-width: 769px) {
	.w50-pc{
		width: 50%;
	}
}
@media screen and (max-width: 768px) {
	.w50-sp{
		width: 50%;
	}
}
.w30 {
  width: 30%;
}
@media screen and (min-width: 769px) {
	.w30-pc{
		width: 30%;
	}
}
@media screen and (max-width: 768px) {
	.w30-sp{
		width: 30%;
	}
}

/******************************************
display
******************************************/
.pc-only {
  display: block;
}
@media screen and (max-width: 768px) {
  .pc-only {
    display: none;
  }
}
.sp-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp-only {
    display: block;
  }
}
/******************************************
zindex
******************************************/
.zindex2{
	position:relative;
	z-index:2;
}